我正在做一个React Native项目,我想实现一个具有自动放置功能的布局,同时尽可能紧密地适合所有的孩子。碰巧CSS有一个很棒的特性,允许网格自动放置子节点,遗憾的是React Native不支持CSS网格。我已经看到了各种各样的React包似乎可以做到这一点,但是没有React Native的实现。React的例子如下:反应网格布局,Muuri,装箱网格。我已经设法使用二进制打包算法对项目进行排序,但可视化仍然是一个问题,我似乎无法工作。
我的问题:是否有一个包的React Native可以做到这一点,或者有一个算法的可视化二进制打包项目数组的工作在React Native?
网格应该能够像下面这样自动放置子元素。https://i.ibb.co/h72mxrg/whats -应用-图像- 2022 - 07 - 09 - 23 - 2 - 05 - am.jpg
我也想过使用一个网格来处理坐标(X和Y位置),但我找不到React Native的工作示例。这也是一个可行的选择。
如能提供正确方向的线索,我将不胜感激。
我终于找到了一个这样做的包。名称是autoresponsive-react-native。文档,Github。有点过时,但效果很好。但是不支持Typescript。
这个包(autoresponsive-react-native)支持网格的平台独立处理。由于核心功能独立于可视化,因此它可以在多个平台上运行