React Native 默认避免 {width: '100%'}

Question

我的代码很简单：（仅显示相关部分）

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

然而，当我检查 Text 节点时，它的宽度是其容器的 100%，而灰色背景则是整个宽度。

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

Answer 1

您可以使用alignSelf属性：

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

Answer 2

对于Scroll视图你可以尝试像

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

希望这会有所帮助！