Twitterのようなプロファイルレイアウトを作成するには？

Question

私はReact NativeでTwitterのようなプロファイルレイアウトを作成しようとしています。多くのアプリがこのパターンを使用していますが。私の現在のJSX設定は、このようなものです。

• ヘッダ（プロファイル）
• はViewPagerNav（カスタム）
• ViewPager
  • リストビューとリストビュー
  • タブとタブ

問題は、唯一の底部でありますスクロールします。私は多くのReactネイティブアプリでこの問題を見てきました。これには解決策がありますか？

私のレンダービューはgページいっぱいのページスクロールのように見えますか？

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オブジェクトスプレッド演算子を介してonScrollプロパティを取得し、ListViewに渡します。

これはすべて、スクロールを追跡するためのものです。 MyScheduleView.jsを見ると、ほとんどどのように実装されているのかが分かります。

希望に役立ちます。