标签: react-native-popup-menu

ReactNavigation Stack Navigator具有HeaderRight属性，可用于将菜单按钮放置在标题中，但没有上下文菜单。

是否可以在堆栈导航器中集成React Native弹出菜单？

提前致谢。

是否可以使用"react-native-navigation"导航栏中的"react-native-popup-menu"设置三点上下文菜单？或者我们是否有任何其他方法在IOS和Android中使用"react-native-navigation"导航栏设置三点上下文菜单？

我有一个React Native Popup Menu实现如下:

import React, { Component } from 'react';
import { Text } from 'react-native';
import { Icon, Divider } from 'react-native-elements';
import {
  Menu,
  MenuTrigger,
  MenuOptions,
  MenuOption
} from 'react-native-popup-menu';
import { connect } from 'react-redux';
import firebase from 'firebase';
import { STATUS_BAR_HEIGHT } from '../constants';

class PopUpMenu extends Component {
  render() {
    const { menuStyle, menuOptionsStyle, menuTriggerStyle } = styles;

    return (
      <Menu style={menuStyle}>
        <MenuTrigger style={menuTriggerStyle}>
          <Icon
            name="menu"
            color="white"
            size={30}
          />
        </MenuTrigger>
        <MenuOptions style={menuOptionsStyle}>
          <MenuOption>
            <Text>{this.props.user.email}</Text> …

我希望使用React Native在长按不同位置触发上下文菜单.

即在像默认dailer的拨号器中.您可以长按任何联系人并获得"拷贝号"菜单.而且,一旦打开"联系卡",您就可以长按该人的姓名.

直接的方式需要大量的复制粘贴样板,包括组件和处理程序.

这样做有更好的模式吗？

我正在使用您的react-native-popup-menu 作为注销按钮。单击按钮时，身份验证已删除，屏幕将转到登录。但菜单还剩下。

屏幕切换时如何关闭该菜单？

<Menu>
  <MenuTrigger>
    <Icon
      name='more-vert'
      color='#fff'
    />
  </MenuTrigger>
  <MenuOptions>
    <MenuOption value={1}>
      <Text onPress={() => {
        this.props.onLogout()
      }}>logout</Text>
    </MenuOption>
  </MenuOptions>
</Menu>

最初由 bexoss 在react-native-popup-menu GitHub 上提出。

我的导航栏中有一个菜单图标，需要将其用作菜单。

我正在尝试使用react-native-popup-menu lib 实现此目的。

该组件<MenuTrigger />仅接受文本（字符串）作为属性。

如何使用图标作为菜单触发器？