如何创建像配置文件布局的Twitter？

Question

我正在尝试在React Native中创建类似于配置文件布局的Twitter。虽然许多应用程序使用此模式。我目前的JSX设置是这样的。

• 标题（个人资料）
• ViewPagerNav（自定义）
• ViewPager
  • 带ListView的标签
  • 带ListView的标签

问题是只有底部滚动。我已经看到许多React Native应用程序出现此问题。这有解决方案吗？

我的渲染视图应该如何完全获取页面滚动？

Answer 1

F8 app实际上有一个非常好的例子。您要查看的3个文件位于：

https://github.com/fbsamples/f8app/blob/master/js/tabs/schedule/MyScheduleView.js https://github.com/fbsamples/f8app/blob/master/js/common/ListContainer.js https://github.com/fbsamples/f8app/blob/master/js/common/PureListView.js

如果你想看看它在应用程序中是如何工作的，那就是My F8标签。

基本思想是ListContainer通过handleScroll函数跟踪滚动位置。它将handleScroll传递给所有children，将该函数重命名为onScroll。

PureListView a onScroll属性通过对象扩展运算符{...this.props}将其传递到ListView。

这只是为了跟踪滚动。如果你查看MyScheduleView.js，你可以看到它是如何实现的。

希望有所帮助。