许久没摸这玩意了,今天想实现一个很想当然的效果:
<div1>
<div2><div2>
</div1>
div2
自动填充div1
。
想来很简单,无非
view.left.and.right.and.top.and.bottom.equalTo(superView);
结果鼓捣半天没有找到心目中的方法。只能感叹基础知识匮乏!
将就如下:
使用flex布局方式:
1、设置div1
的display
为flex
<div1 style={{ display: 'flex' }}>
2、设置div2
的flex
为1
或者auto
<div2 style={{ flex: 1 }}>
完成。
如果是多人开发或者其他原因,我们不能直接修改div1
所在的文件时,可以找到div1
的id
(或者class
),然后对这个id
添加display: flex;
即可。
网友评论