今日から毎日ReactNativeを学ぶことにした（7日目）

私は何もやっていないのだが、明日仕事で大イベントがある。身を削って頑張ったメンバーが報われてほしい。あとは祈るだけ

前回

本日

Tab

Tabs

クイックスタートでやった内容と重複する

<Stack>
  <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
</Stack>

headerShownオプションをfalseにするとヘッダーが非表示になる。（名前のままだな…）基本的なコンポーネントは用意されてるみたい

<Tabs.Screen
  name="(home)"
  options={{
    href: null,
  }}
/>

(tabs)ディレクトリ内に存在するファイルはデフォルト表示されてしまう。これを非表示にしたい場合はoptionsでhrefにnullを指定すれば良い

一番右の(home)が邪魔

これが

href: nullを指定

こうなる。

ちょいちょい出てくるscreenOptionはReact NavigationのButton Tabs Navigatorをラップしているとのことで、このドキュメントを読みにいけば種類などを理解できるよう

Bottom Tabs Navigator | React Navigation

本日のまとめ

screenOption覚えていろんなUIパターンが実現できるようになりたいと思った