javascript - 按内部文本 react native View 自动宽度

Question

据我所知，react-native 样式表不支持 min-width/max-width 属性。

我在里面有一个 View 和文本。自动宽度的 View 不会通过继承文本元素调整大小。

如何解决该问题并使用文本宽度自动设置 View 宽度？

我的代码是:

 <View style={{backgroundColor: '#000000'}}>
      <Text style={{color: '#ffffff'}}>Sample text here</Text>
 </View>

在常见的 HTML/CSS 中，我会这样理解:

 <div style="background-color: #000; display: inline;">Sample text here</div>

注意:父 View 上的 flex: 1 对我没有帮助。 文本显示为

"Sam"
"ple"
"Tex"
"t"

Answer 1

“alignSelf”与“display: inline-block”在普通 HTML/CSS 中的作用相同，对我来说效果很好。

<View style={{backgroundColor: '#000000', alignSelf: 'flex-start' }}>
 <Text style={{color: '#ffffff'}}>
  Sample text here
 </Text>
</View>