Open4

Expoについて調べてみる?

teloshtelosh

Expo はクロスプラットフォームで React Native アプリを開発するための便利機能を集めたプラットフォーム

teloshtelosh

Expo CLIで開発しちゃおう

Expoアプリ開発のためのコマンドラインツールで、ローカル開発サーバーの起動、Android/iOS用のネイティブコードの生成、パッケージのインストール、アプリのビルドと実行などの機能を提供します。
npx expo startで開発サーバーを起動し、QRコードでデバイスと接続してテストできます。Expo CLIはLAN接続やトンネリング機能もサポートし、オフラインモードも使用可能です。

teloshtelosh

expo routerとやらがあるらしい
NextjsのApp Routerみたいな挙動ポイ?

teloshtelosh

expo routerにあるTabsのオプションについて

<Tabs
      screenOptions={{
        tabBarActiveTintColor: '#ffd33d',
        tabBarShowLabel: false, // これでラベルが非表示になります
        tabBarStyle: {
          height: 0, // タブバーの高さを0にして完全に非表示にします
          backgroundColor: 'transparent', // 背景色を透明にして白帯が残らないようにします
        },
      }}
    >
      <Tabs.Screen
        name="index"
        options={{
          headerTitle: () => (
            <View style={{ flexDirection: 'row', alignItems: 'center' }}>
              <Ionicons name="log-in-sharp" size={24} color="#ffd33d" />
              <Text style={{ marginLeft: 8, fontSize: 18, fontWeight: 'bold' }}>Login</Text>
            </View>
          ),
          tabBarIcon: () => null,
        }}
      />
    </Tabs>