在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" />

它看起来应该像这张图片。

希望这会有所帮助。