Могу ли я использовать marginBottom, чтобы переместить всплывающее меню React-Native из компонента, в котором он находится? - PullRequest
Новая
       14

Могу ли я использовать marginBottom, чтобы переместить всплывающее меню React-Native из компонента, в котором он находится?

1 голос
/ 21 марта 2019

Я пытался использовать контекстное меню, которое появляется после выбора части текста в 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 или хотя бы сделать дополнительную часть меню прозрачной?

...