在React Native中使用二进制打包自动放置布局



我正在做一个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)支持网格的平台独立处理。由于核心功能独立于可视化,因此它可以在多个平台上运行

相关内容

  • 没有找到相关文章

最新更新