reactjs - 在 React Native Elements 中的 ListItem 顶部对齐 3 个点图标

Question

在屏幕截图中显示了如何将 3 个点图标放在右上角，现在它在中心。

使用https://react-native-training.github.io/react-native-elements/docs/listitem.html

示例代码

<ListItem
  containerStyle={styles.containerStyle}
  title={this.getTitleView(data)}
  subtitle={this.getAddressView(data)}
  leftElement={this.getAvatarView(data)}
  rightElement={<Icon type="material" color="#C8C8C8" name="more-vert" />}
  />

基本上我希望将rightElement其放在顶部而不是中心

Answer 1

我让图标向上移动，但我无法让它更向右移动。

要真正让<Icon>对齐到顶角，请将containerStyle道具添加到它并使用alignSelf: 'flex-start'样式，就像这样：

rightElement={<Icon containerStyle={{ alignSelf: 'flex-start' }} type="material" color="#C8C8C8" name="more-vert" />

它应该看起来像这个图像。

希望这可以帮助。