Question

我正在使用react-native-popup-menu制作一个移动应用程序。（反应本机）弹出单元在iOS上运行良好。但是当我在Android模拟器上对其进行测试时，就不会在Android上买到它。

我看过一篇文章，提出了涉及MenuContext>元素的修复程序。但此后看来，插件开发人员已弃用该元素。

Popup menu does not overlay other components in Android

我正在寻找适用于React Native Android环境的最新解决方案。

我的应用现在看起来像这样：

导入所有工具。

  async makeAsyncCall(data) {
    Promise.reject("Possible");
  }

主应用程序如下所示。一切都包装在MenuProvider中。

import { MenuProvider } from 'react-native-popup-menu';
import { Menu, MenuOptions, MenuOption, MenuTrigger } from 'react-native-popup-menu';

这是我构建弹出菜单的地方。我正在遵循官方教程中的示例。

https://github.com/instea/react-native-popup-menu

按照出现的顺序，我有View>元素，然后是Menu>，MenuTrigger>，MenuOptions>和MenuOption>。

export class App1 extends Component {
render() {
 return (
  <MenuProvider>
  <View style={styles.container}>
  <MoreStuff navigation={this.props.navigation} />
  <TopMenu1 navigation={this.props.navigation} />
  <View1Map />
  </View>
  </MenuProvider>
 );
}
}

预期：当您单击MenuTrigger元素时，将弹出菜单。实际结果：当您单击MenuTrigger元素时，什么也没有发生。

Answer 1

您可以通过确保MenuProvider是树中呈现的第一个组件来解决该问题。

弹出菜单未在Android上使用“ react-native-popup-menu”出现

1 个答案: