MrToph · May 5, 2020 15:29 · kabitacode · May 5, 2020
diff --git a/MorePopupMenu.js b/MorePopupMenu.js
 import React, { Component, PropTypes } from 'react'
 import { View, UIManager, findNodeHandle, TouchableOpacity } from 'react-native'
 import Icon from 'react-native-vector-icons/MaterialIcons'

 const ICON_SIZE = 24

 export default class PopupMenu extends Component {
  static propTypes = {
    // array of strings, will be list items of Menu
    actions:  PropTypes.arrayOf(PropTypes.string).isRequired,
    onPress: PropTypes.func.isRequired
  }

  constructor (props) {
    super(props)
    this.state = {
      icon: null
    }
  }

  onError () {
    console.log('Popup Error')
  }

  onPress = () => {
    if (this.state.icon) {
      UIManager.showPopupMenu(
        findNodeHandle(this.state.icon),
        this.props.actions,
        this.onError,
        this.props.onPress
      )
    }
  }

  render () {
    return (
      <View>
        <TouchableOpacity onPress={this.onPress}>
          <Icon
            name='more-vert'
            size={ICON_SIZE}
            color={'grey'}
            ref={this.onRef} />
        </TouchableOpacity>
      </View>
    )
  }

  onRef = icon => {
    if (!this.state.icon) {
      this.setState({icon})
    }
  }
 }
	import React, { Component, PropTypes } from 'react'
	import { View, UIManager, findNodeHandle, TouchableOpacity } from 'react-native'
	import Icon from 'react-native-vector-icons/MaterialIcons'

	const ICON_SIZE = 24

	export default class PopupMenu extends Component {
	static propTypes = {
	// array of strings, will be list items of Menu
	actions: PropTypes.arrayOf(PropTypes.string).isRequired,
	onPress: PropTypes.func.isRequired
	}

	constructor (props) {
	super(props)
	this.state = {
	icon: null
	}
	}

	onError () {
	console.log('Popup Error')
	}

	onPress = () => {
	if (this.state.icon) {
	UIManager.showPopupMenu(
	findNodeHandle(this.state.icon),
	this.props.actions,
	this.onError,
	this.props.onPress
	)
	}
	}

	render () {
	return (
	<View>
	<TouchableOpacity onPress={this.onPress}>
	<Icon
	name='more-vert'
	size={ICON_SIZE}
	color={'grey'}
	ref={this.onRef} />
	</TouchableOpacity>
	</View>
	)
	}

	onRef = icon => {
	if (!this.state.icon) {
	this.setState({icon})
	}
	}
	}