Open4
Expoについて調べてみる?
Expo はクロスプラットフォームで React Native アプリを開発するための便利機能を集めたプラットフォーム
Expo CLIで開発しちゃおう
Expoアプリ開発のためのコマンドラインツールで、ローカル開発サーバーの起動、Android/iOS用のネイティブコードの生成、パッケージのインストール、アプリのビルドと実行などの機能を提供します。
npx expo startで開発サーバーを起動し、QRコードでデバイスと接続してテストできます。Expo CLIはLAN接続やトンネリング機能もサポートし、オフラインモードも使用可能です。
expo routerとやらがあるらしい
NextjsのApp Routerみたいな挙動ポイ?
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>