如何創建類似個人資料佈局的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，你可以看到它是如何實現的。

希望有所幫助。