鍍金池/ 問(wèn)答/HTML5  UI  網(wǎng)絡(luò)安全  HTML/ React Native 怎么實(shí)現(xiàn)九宮格布局?

React Native 怎么實(shí)現(xiàn)九宮格布局?

想實(shí)現(xiàn)微信錢包中的九宮格布局,沒(méi)有好的思路?;蛘哂邢嚓P(guān)的package嗎?

九宮格

回答
編輯回答
晚風(fēng)眠

flex

大盒子
{
flexWrap: "wrap";
}
小盒子
{
   flex:1 0 33%;
}

會(huì)自動(dòng)換行,試試

2017年2月3日 07:55
編輯回答
互擼娃

用flex布局,寬度可以用Dimensions獲取后指定,flexDirection為row,flexWrap為wrap
antd mobile有g(shù)rid組件支持
手機(jī)打字,不要見(jiàn)怪

2017年5月5日 03:42