Flex弹性布局的填充问题



  • 我在RN中做了一个练习的界面,但在手机上看到的效果不是预期的样子

    界面中是一个View父组件,它包含了三个View子组件,每一个View子组件下又包含了四个button,它们的样式代码如下:
    0_1472721664646_viewStyle.png
    0_1472721670802_buttonStyle.png

    container对应父View,SubView对应子View,buttony与buttonText分别对应按钮和按钮文字样式

    然后我为每个子View设置了不同的背景色以作区别,代码如下
    0_1472721890502_modify.png

    最后的效果图如下:
    0_1472721760234_pic.png

    很奇怪的问题是,子View并没有将宽度填充完整,但高度的填充又是完整的,子View的宽度完全依赖于其下Button的宽度,修改Button的宽度后,子View的宽度会随之变化。

    父View的填充是完整的,修改父View的背景色可以将上图两边的白色变成其他颜色。

    哦,对了,这个界面是由Navigator的renderScene渲染出来的,会不会和它有什么关系?

    甚是不解,望大神指点!感激!


  • administrators

    父view中alignItems改为stretch



  • @sunnylqm 谢谢大神,果然好了。原来要用它


登录后回复