React Native 怎么实现九宫格布局?

君临
  • 23

想实现微信钱包中的九宫格布局,没有好的思路。或者有相关的package吗?

九宫格

回复
阅读 5.7k
2 个回答

用flex布局,宽度可以用Dimensions获取后指定,flexDirection为row,flexWrap为wrap
antd mobile有grid组件支持
手机打字,不要见怪

flex

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

会自动换行,试试

宣传栏