使用React Native,我遇到textAlign
的问题,因为升级到 RN 0.59.3
我希望文本右(无论内容如何)对齐,但是它给右为英语文本,向左为阿拉伯语文字
我有这个简单的代码(我希望两行都与 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后)不正确,如下所示:
我可以确定由于this change in gravity in RN 0.59.3
而引起的问题那么现在如何确保文本向右对齐?
更新:它似乎是 RN 0.59.3
引入的错误我确实降级到 RN 0.59.2 ,并且该错误已消失
更新:该错误已在 RN 0.59.8
中修复。答案 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