据我所知,react-native 样式表不支持 min-width/max-width 属性。
我里面有一个视图和文本。自动宽度的视图不会通过继承文本元素调整大小。
如何解决该问题并使用文本宽度自动设置视图宽度?
我的代码是:
<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>
注意:父视图上的 flex: 1 对我没有帮助。
文本显示为
"Sam"
"ple"
"Tex"
"t"
“alignSelf”与常见 HTML/CSS 中的“display: inline-block”的作用相同,它对我来说效果很好。
<View style={{backgroundColor: '#000000', alignSelf: 'flex-start' }}>
<Text style={{color: '#ffffff'}}>
Sample text here
</Text>
</View>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)