弹出菜单不覆盖 Android 中的其他组件

Question

我正在使用 react-native-popup-menu@0.10.0。它在 IOS 上工作正常，但无法覆盖 android 上的另一个组件。它在 android 上不可见。请提供任何解决方案。

renderHeader() {<Header><MenuContext style={styles.container}>
          <View>
            <Menu>
              <MenuTrigger customStyles={triggerStyles} onPress={() => this.setState({ opened: true })}>
                <FaIcon name='ellipsis-h' size={21} color='#b1b9bc'/>
              </MenuTrigger>
              <MenuOptions>
                <MenuOption onSelect={() => this.edit()} disabled={this.state.disabled}>
                  <Text style={this.state.disabled ? {color: 'lightgrey'} : {color: 'black'}}>Edit</Text>
                </MenuOption>
                <MenuOption onSelect={() => this.delete()} disabled={this.state.disabled}>
                  <Text style={this.state.disabled ? {color: 'lightgrey'} : {color: 'red'}}>Delete</Text>
                </MenuOption>
              </MenuOptions>
            </Menu>
          </View>
        </MenuContext></Header>}

Answer 1

当 MenuContext 在树中不够高时，这发生在我身上。最后我把它移到第一个组件的渲染函数中作为所有东西的包装器，效果很好。

弹出菜单不覆盖 Android 中的其他组件

Popup menu does not overlay other components in Android

react-native

react-native-popup-menu