升级到RN 0.59.3后,textAlign的工作方式有所不同

时间:2019-04-24 15:24:39

标签: android react-native gravity text-align

使用React Native,我遇到textAlign的问题,因为升级到 RN 0.59.3

后,它在android上无法正常工作

我希望文本(无论内容如何)对齐,但是它给右为英语文本,向左为阿拉伯语文字

我有这个简单的代码(我希望两行都与 right 对齐)

<View style={{ flex: 1 }}>
    <Text style={styles.title}>تجربة تجربة</Text>
    <Text style={styles.title}>Test Test</Text>
</View>

样式:

title: {
   textAlign: 'right',
   alignSelf: 'stretch',
   backgroundColor: '#EEE',
   margin: 10,
   color: '#000',
}

它在IOS上正常工作,但在Android上(升级到RN 0.59.3后)不正确,如下所示:

enter image description here

我可以确定由于this change in gravity in RN 0.59.3

而引起的问题

那么现在如何确保文本向右对齐?


更新:它似乎是 RN 0.59.3

引入的错误

我确实降级到 RN 0.59.2 ,并且该错误已消失


更新:该错误已在 RN 0.59.8

中修复。

1 个答案:

答案 0 :(得分:1)

预计受<View>之外的<Text />风格的影响。

这是有效的代码

return(
 <View
        style={{
          flex: 1,
          flexDirection: "column",
          alignItems: "center",
          justifyContent: "center"
        }}
      >
        <Text style={styles.title}>تجربة تجربة</Text>
        <Text style={styles.title}>Test Test</Text>
      </View>);
const styles = StyleSheet.create({
  title: {
    textAlign: "right",
    alignSelf: "stretch",
    backgroundColor: "#EEE",
    margin: 10,
    color: "#000"
  }
});

Android:三星Galaxy s9 plus

Galaxy s9 plus