React-native：textAlign：＆＃39; right＆＃39;没有正确的样式

Question

我很反应原生的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>;

问题是第二个＆＃34; textAlign：＆＃39; right＆＃39; ＆＃34;没有工作 - 文字仍然在左边。我希望文本在同一行，但（显然）是右边的第二个文本对象。

任何提示？谢谢！

修改 输出看起来像这样：

Answer 1

我现在无法确认，但你可以尝试一下吗？

{textAlign: 'right', alignSelf: 'stretch'}

让我知道它是否有效。

<强>更新

我可以建议一个解决方法吗？

<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>

Answer 2

我发现因为我使用全宽按钮（已经是alignSelf: 'stretch'），导致文本内容垂直拉伸而不是水平...我发现在文本元素上使用flex: 1而不是按预期工作。 示例：

finishButtonText: {
    textAlign: "center",
    flex: 1
} as StyleProp<TextStyle>

使用.tsx / .jsx：

<Button style={{alignSelf: 'stretch'}}>
    <Text style={styles.finishButtonText}>
        Test
    </Text>
</Button>

Answer 3

有时候我用这个

<View style={{flexDirection:'row-reverse'}}>
  <Text>This text is aligned right</Text>
</View>

Answer 4

为文本标记指定宽度100％，以确保它拉伸整个宽度，然后右对齐。这可能有用。

Answer 5

style={{marginLeft:'auto' }} 

将与按钮，项目等配合使用

Answer 6

您可以使用以下代码片段在视图的右侧对齐文本：

<View style={{justifyContent: 'space-between'}}>
   <Text style={{alignSelf: 'flex-end'}}> Hello </Text>
</View>

Answer 7

我在 Android 上遇到了一个问题，即由两个 const cols = [3, 4, 10, 12]; for (const col of cols) { s.getRange(rowIndex, col).clearContent(); } 组件包裹的字符串没有像这样尊重 var s = e.range.getSheet(); /* add it after the above line */ if (s.getName() !== 'Name of sheet') { return; } 属性

<Text>

我用片段语法替换了外部 Text 组件，它又开始工作了：

textAlign