React Native默认情况下避免{width：＆＃39; 100％＆＃39;}

Question

我的代码非常简单:(仅显示相关部分）

<ScrollView style={{/* padding, centering... */}>
  <Text>SHARE WITH YOU FRIENDS</Text>
</ScrollView>

然而，当我检查Text节点时，它的宽度是其容器的100％，灰色背景全部都是宽度。

是否有布局设置可使此文字的宽度尽可能小？即直到文本结束。

Answer 1

对于Scroll视图，您可以尝试

<ScrollView contentContainerStyle={{ alignItems: 'flex-start'}}>
    <Text >SHARE WITH YOU FRIENDS</Text>
</ScrollView>

希望这会有所帮助！

Answer 2

您可以使用alignSelf属性：

<View style={{alignSelf: 'flex-start'}}> 
    <Text>SHARE WITH YOU FRIENDS</Text>
</View>