常规方法遇到的问题:中间文字不能居中。
我本意是想自己写一个标题栏,中间是文字,右边是图标,左边没有内容。
- 常规想法是写一个View做标题栏的容器,里面有一个文本控件,一个图片控件,再对相应的控件做居中和向右对齐,但是在相对布局中发现没有这种属性可以支持。
- 常规方法还是一个容器组件中有一个空View组件为占位视图,一个文本控件,一个图片控件,再在容器组件中使用样式justifyContent为space-between就在主轴方向上排列好了,再使用alignItems为center就在次轴方向上居中了。这种方式因为左边的还是空视图,所以中间的文字会向左偏移一定量,如果要用这种方式实现左边也需要一个空的宽度跟右边一致的控件占位。
<View style={
{ height:60,backgroundColor:'#9ACD32',flexDirection:'row' ,justifyContent:'space-between',alignItems:'center'}}>
<View style={
{ width:30, height:30}}/>
<Text style={
{ fontSize:20}}>交流</Text>
<View style={
{ width:30, height:30 ,justifyContent:'center' , alignItem