如何在react-native-popup-menu中移动菜单选项

时间:2018-11-08 05:44:48

标签: react-native react-native-android react-native-ios react-native-popup-menu

See pic here

我的代码:

<Menu style={styles.rightContainer}>
  <MenuTrigger>
    <View style={{ width: responsiveSize(50), alignItems: 'center' }}>
      <Icon name="more" style={{ fontSize: responsiveSize(20) }} />
    </View>
  </MenuTrigger>

  <MenuOptions optionsContainerStyle={{ width: 150, right: 50 }}>
    <MenuOption
      onSelect={() => alert('Save')}
      text="Save"
    />

    <MenuOption onSelect={() => alert('Delete')}>
      <Text style={{ color: 'red' }}>Delete</Text>
    </MenuOption>

    <MenuOption onSelect={() => alert('Not called')} disabled text="Disabled" />
  </MenuOptions>
</Menu>

我不知道如何将弹出菜单向左移动,看起来几乎在屏幕的边缘。我尝试了marginRight: 30,但没有用。有人可以帮忙吗?

0 个答案:

没有答案