1

我试图使用在 TextInput 中选择部分文本后显示的上下文菜单，但本机弹出菜单正在覆盖它。我不能把菜单放在上面的元素中。如果我把它放在当前位置，键盘会覆盖它。我试图使用 marginBottom 将菜单移得更高，但它不起作用。唯一可以让我将菜单选项移动到本机弹出窗口上方的是 paddingBottom，但它在应用程序中看起来不太好。

<Menu ref={c => (this.styleMenu = c)} renderer={renderers.Popover} style={[{ opacity: 0 }, { marginBottom: '250%' }, { position: 'absolute' }, { top: 0 }, { right: 0 }, { float: 'top' }]}>
    <MenuTrigger text='' />
    <MenuOptions optionsContainerStyle={[/*{ paddingBottom: 100 }*/, { marginBottom: '1%' }, /*{height: 30}*/]}>
        <MenuOption onSelect={() => this.doSomething('1')} text={I18n.t('1')} />
        <MenuOption onSelect={() => this.doSomething('2')} text={I18n.t('2')} />
        <MenuOption onSelect={() => this.doSomething('3')} text={I18n.t('3')} />
    </MenuOptions>
</Menu>

是否有可能在没有 paddingBottom 的情况下获得类似的结果，或者至少使菜单的额外部分透明？

4

0 回答 0