javascript - React-native:textAlign: 'right' 样式不正确

Question

我对 react-native css-styling 很陌生.. 并且有以下代码:

 <Text>
<Text style={(styles.author, { textAlign: "left" })}>
    {question.view_count + " views\t" + question.comment_count}
    {question.comment_count > 1 || question.comment_count == 0
        ? " comments"
        : " comment"}
</Text>
<Text style={{ textAlign: "right" }}>
    {question.solution_count > 0
        ? question.solution_count + " solutions"
        : " Solve this"}
</Text>
</Text>;

问题是第二个“textAlign: 'right' ”不起作用 - 文本仍在左侧。我希望文本位于同一行，但(显然)右侧的第二个文本对象。

有什么提示吗？谢谢!

编辑 输出如下所示:

Answer 1

解决方法-

<View style={{flex: 1, flexDirection: 'row'}}>
  <View style={{flex: 1}}>
    <Text>4 Views 0 Comments</Text>
  </View>
  <View style={{flex: 1}}>
    <Text style={{textAlign: 'right'}}>Solve This</Text>
  </View>
</View>