許久沒摸這玩意了渣淤,今天想實(shí)現(xiàn)一個(gè)很想當(dāng)然的效果:
<div1>
<div2><div2>
</div1>
div2
自動(dòng)填充div1
颖对。
想來很簡單捻撑,無非
view.left.and.right.and.top.and.bottom.equalTo(superView);
結(jié)果鼓搗半天沒有找到心目中的方法。只能感嘆基礎(chǔ)知識(shí)匱乏缤底!
將就如下:
使用flex布局方式:
1顾患、設(shè)置div1
的display
為flex
<div1 style={{ display: 'flex' }}>
2、設(shè)置div2
的flex
為1
或者auto
<div2 style={{ flex: 1 }}>
完成个唧。
如果是多人開發(fā)或者其他原因江解,我們不能直接修改div1
所在的文件時(shí),可以找到div1
的id
(或者class
)徙歼,然后對這個(gè)id
添加display: flex;
即可犁河。