css - react native 文本不对齐

Question

当文本超过 2 行时，我的文本组件不对齐(见屏幕截图)。我试过使用 alignment 和 ellipsizeMode，但没有任何设置改变任何东西。为什么第二行缩进？

我的代码:

<View style={{ flex: 4, flexDirection: 'row', marginTop: 10}}>
  <View style={{ flex: 1, alignItems: 'flex-end' }}>
    <CircleIndicator style={{marginRight: 29}} />
    <View
      style={{
        width: 4,
        height: '100%',
        backgroundColor: styles.colors.lipstick,
        marginRight: 35,
      }}
    />
  </View>
  <View style={{ flex: 2 }}>
    <View style={{ flex: 1 }}>
      <Text weight='bold' color='darkIndigo'> {activityType} </Text>
    </View>
    <View style={{ flex: 1 }}>
      <Text color='blueyGrey' style={{opacity: 0.5}}> {activityDate}
      </Text>
    </View>
    <View style={{ flex: 1, marginBottom: 30 }}>
      <Text color='blueyGrey'> {activityDescription} </Text>
    </View>
  </View>
  <View style={{ flex: 1 }} >
    <Text weight='bold' color='lipstick'> {activityPoints} PTS </Text>
  </View>
</View>

Answer 1

所以我把这个问题搁置了几天，然后重新审视它。错位的原因是:

<Text color='blueyGrey'> {activityDescription} </Text>

修改为:

<Text color='blueyGrey'>{activityDescription}</Text>

这样的菜鸟错误:D