text - 文本的第二行不在行的中心呈现

Question

我对 Text 的样式有疑问，我有两行Text ，文本的第一行在行的中心显示正确，但代码的第二行不在中心。如何解决？

<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center', flexDirection: 'row' }}>
  <Text
    style={{ marginLeft: 5, fontWeight: '500', fontFamily: 'Arial', fontSize: ratio * 14, color: '#3c3c3c' }}
    numberOfLines={2} > {title}
  </Text>
</View>

Answer 1

您需要使用 textAlign:'center' ,

   <View
      style={{
        flex: 1,
        justifyContent: "center",
        alignItems: "center",
        flexDirection: "row"
      }}
    >
      <Text
        style={{
          textAlign:'center', //Added
          marginLeft: 5,
          fontWeight: "500",
          fontFamily: "Arial",
          fontSize: ratio * 14,
          color: "#3c3c3c"
        }}
        numberOfLines={2}
      >
        {title}
      </Text>
    </View>