react native flex布局

问题:设置alignItems为baseline在安卓上不生效。

设置父组件的alignItems为baseline后,在ios上显示正常,但是安卓上就不生效了。显示成下图的样式


image.png

解决方法:将父组件View改为Text,形成嵌套 Text 组件


  {number}
  {unit}

然后显示就正常了。


image.png

但是这样会有一个问题:如果 Text 嵌套 Text,Text 内部将不再是 flexbox 布局,而是纯文本布局。这意味着,内部 Text 组件设置长宽间距都会没有效果(如 margin)。而且 Text 只能嵌套 Text 组件,嵌套其他组件在 Android 下时会报错的。

你可能感兴趣的:(react native flex布局)