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

君临
  • 23

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

九宫格

回复
阅读 5.4k
2 个回答

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

flex

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

会自动换行,试试

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏