我正在尝试在 React Native 中创建类似 Twitter 的配置文件布局。尽管许多应用程序都使用这种模式。我当前的 JSX 设置是这样的。
- 标题（配置文件）
- ViewPagerNav（自定义）
- 浏览器
- 带有列表视图的选项卡
- 带有列表视图的选项卡
问题是只有底部滚动。我已经在许多 React Native 应用程序中看到了这个问题。有解决方案吗？
我的渲染视图应该如何完全滚动页面？
如何创建类似 Twitter 的个人资料布局？
IT技术
javascript
android
reactjs
react-native
2021-04-16 02:08:13
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.
在PureListView一个它需要的是onScroll财产通过对象传播经营者{...this.props}，并将其传递到ListView。
这只是为了跟踪滚动。如果你仔细看看，MyScheduleView.js你会看到它主要是如何实现的。
希望有帮助。