Выровнять значок 3 точки сверху в ListItem в React Native Elements

Question

На снимке экрана показано, как поместить значок с 3 точками в верхнем правом углу прямо сейчас, в центре.

Использование https://react -native-training.github.io /act-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" />

Это должно выглядеть так:

Надеюсь, это поможет.