反应原生文本没有对齐

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