右对齐react-native-popup-menu菜单选项

Question

我一生都无法找出如何使下拉列表正确对齐的方法。我尝试过使用flex-end和right：0等的绝对定位。

我希望菜单选项在右侧，下方和紧靠主触发黄色框的位置列出。或至少紧靠粉红色框的右侧。我可以使用<Button Name="RefreshButton" Width="{Binding ElementName=RefreshButton,Path=ActualHeight}" Margin="3" Padding="3" VerticalAlignment="Stretch" HorizontalAlignment="Right" HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch" > <Button.Background> <ImageBrush ImageSource="{StaticResource ICON_Refresh}"/> </Button.Background> </Button> 轻松更改高度位置。

marginTop

）;

Answer 1

如果“主触发器”的宽度是固定的（或已知的），则可能可以使用一些边距或类似的样式。

但是，如果您希望使用更清洁的解决方案，请在扩展指南的custom renderer部分中进行检查，以完成控制。

下面是一个简单的示例，显示如何在[0，0]坐标上呈现菜单：

const CustomMenu = (props) => {
  const { style, children, layouts, ...other } = props;
  const position = { top: 0, left: 0 }
  return (
    <View {...other} style={[style, position]}>
      {children}
    </View>
  );
}; 

Answer 2

尝试将marginLeft设置为负数，例如-10；这对我有用：

<MenuOptions
      optionsContainerStyle={{marginLeft: -20,}}
>