如何创建类似个人资料布局的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

如果你想看看它是如何工作的程序的时候，是我的F8标签。

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

PureListView a需要onScroll属性通过对象传播运算符并将其传递到ListView。

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

希望有所帮助。