reactjs - 使用 PanResponder 向上滑动时渲染视图

Question

我可以使用 PanResPonder 相应地更改视图的位置（向上滑动）。问题是在滑动动作期间，为滑动而拖动的视图内容不呈现。

我尝试使用 flexGrow:1 和 flex:1 以便通过滑动放大视图，视图将被内容填充。

我知道有一些图书馆可以刷卡，但我认为没有图书馆这是相当可行的。在此先感谢欢呼。

Answer 1

这真的取决于你在那里的方法。第一件事。

你必须了解 react-native 上的 JS Bridge 和 Native。JSBridge 是单面的，所有触发的渲染都经过那里。这意味着如果您不考虑这一点，您很容易在 FPS 上掉线。Native 是运行的本地代码，仅此而已。

要拥有高性能的应用程序，您必须将过桥的通行证保持在最低限度。

PanResponder 触摸发生在本机端，而组件渲染使用桥接。你应该在那里放一些代码，但我敢打赌，问题在于发生了太多的渲染，并且 JS Bridge 过载了。

还尝试使用直接操作（https://facebook.github.io/react-native/docs/direct-manipulation.html）来避免渲染一整棵树并在本机端执行它。