諸行無常

IT色々お勉強中のブログ

ScrollableTabViewの使い方

github.com

訳↓

これはおそらくAndroid上の私のお気に入りのナビゲーションパターンです、私はそれがiOS上でより一般的だったことを願っています! これはReact Nativeのための非常に単純なJavaScriptのみの実装です。この背景にあるアニメーションがどのように機能するかについての詳細は、React Native Animation GuideのReboundセクションをチェックしてください。

Props

  • renderTabBar 1つの引数を受け取り、タブバーとして使用するコンポーネントを返す必要があります。コンポーネントは引数に追加されたgoToPage、tabs、activeTabおよびrefを持ち、タブの内容と共にそれ自身をアニメートできるようにするためにsetAnimationValueを実装出来ます。手動で引数をTabBarコンポーネントに渡すことができます。 ScrollableTabBarを渡すだけでも良い

  • initialPage 最初に選択されたタブのインデックス。デフォルトは0 ===最初のタブです。

  • style これを見ろ