时间戳

首页 > 解决方案 > React Native 默认避免 {width: '100%'}

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

问题描述

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

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

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

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

演示

标签： react-nativelayout

解决方案

您可以使用alignSelf属性：

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

推荐阅读