佚名通过本文主要向大家介绍了钻井布局问题,布局问题,四个全面战略布局问题,仓库布局问题,设施布局问题等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
问题： React Native flex布局问题
描述:
解决方案1:
描述:
React Native使用flex:1;的时候并不是等分布局，
<View style={{height: 100, flexDirection: 'row'}}>
<Text style={{backgroundColor: 'red', flex: 1, flexGrow: 1}}>的撒打算</Text>
<Text style={{backgroundColor: 'green', flex: 1, flexGrow: 1}}>撒打算的撒打算打算的撒打算</Text>
<Text style={{backgroundColor: 'blue', flex: 1, flexGrow: 1}}>的撒打算</Text>
</View>如下图所示：
并没有平分布局，感觉是平分了剩余空间。我使用了react-navigation的TabNavigator路由组件，如果不使用这个组件，显示是正常的，请问这是什么问题？
解决方案1:
在父级的View上，添加width属性，指定父width为当前屏幕的宽度，就可以解决这个弹性布局的问题了，这是因为使用了react-navigation的TabNavigator组件，这个组件的第一个Tab页面存在flex布局的问题。链接描述