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

Question

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

• 标题(个人资料)
• ViewPagerNav(自定义)
• ViewPager
  • 带有ListView的选项卡
  • 带有ListView的选项卡

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

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

Answer 1

实际上， F8 应用程序中有一个非常好的例子。您要查看的 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

如果您想查看它在应用程序中的工作原理，请使用“我的 F8”选项卡。

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

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

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