ライブプレビュー、プロンプトが運ぶのと全く同じコードで動作しています
完全なアプリ画面 Expo Go対応無料
Safe Areas
The safe-area scaffold once, so no screen hardcodes a 44 again: bars add the inset to their own padding, scroll views put it in the content so nothing clips, and nothing uses the iOS-only SafeAreaView. Prints the live insets for the device it is on.
Claude Code、Cursor、Windsurfに貼り付けてください。この画面をあなたのアプリに1対1で構築します。
含まれるもの
- ファイル
- 2個のファイル
- 依存関係
- @expo-google-fonts/inter, phosphor-react-native, react-native-reanimated, react-native-safe-area-context
- フォント
- @expo-google-fonts/inter
- 互換性
- Expo SDK 52以上、Expo Goで動作
- 更新日
- 2026-09-06
このデザインが従うルール
プレビューと全く同じ状態で提供されます:同じ色、同じタイポグラフィ、同じテキスト、同じモーション。プロンプトはあなたのエージェントに、既存のテーマに合わせて調整せず、そのまま構築するよう指示します。



