ネイティブテンプレートネイティブゴーを反応します
Nativegoは、クイックスタートのためのReactネイティブテンプレートです。
∎依存関係
npx react-native init <APPLICATION_NAME> --template react-native-template-nativego
レガシーCLIに注意してください
レガシーCLIについてはかなりの混乱があるようです。このテンプレートは、新しいCLIでのみ動作します。以下のコマンドが機能するために、レガシーReact-Native-Cli First(npm uninstall -g react-native-cli)をアンインストールしたことを確認してください。 NPXを使用しない場合は、新しいCLIをグローバルにインストールすることもできます(NPM I -G @React-Native-Community/CLIまたはYARN Global Add @React-Native-Community/CLI)。
詳細については、https://github.com/react-native-community/cli#aboutをご覧ください
§依存関係
- @gorhom/bottom-sheet
- @@ React-Native-Async-Storage/Async-Storage
- @React-Native-Community/DateTimePicker
- @React-Native-Community/Hooks
- @React-Native-Community/Masked-View
- @React-Navigation/Native
- @React-Navigation/Stack
- 一瞬
- プロップタイプ
- React-Native-animated-Number
- React-Native-Config
- React-Native-Eesy Toast
- React-Native-File-Logger
- React-Native-Gesture Handler
- React-Native-Keyboard-Aware-scroll-view
- React-Native-Masked-Text
- React-Native-Modal-Datetime-Picker
- React-Native-Progress
- React-Native-Reanimated
- React-Native-Safe-Area-context
- React-Native-screens
- React-Native-Vector-Icons
?ファイル構造:
SRC/
すべてのファイルはこのベースコンポーネント内にあります。
API/
このフォルダーには、外部API通信に関連するロジックが含まれています。
- endpoints.js-必要なすべての静的値が保存されます。
- helper.js-再利用可能なロジックを保存するため。
- 個々の機能ファイル - 各機能ファイルには、特定の機能のAPI通信ロジックが含まれています。
資産/
名前が示すように、これはアプリケーションで使用される静的ファイル(例:画像)を収容しています。
- アセット/フォント:使用しているカスタムフォントが含まれています
- アセット/画像:使用している画像が含まれています
- Assets/JSON:使用しているJSONが含まれています
- Assets/Lottie:使用しているロットが含まれています
redux/
これにより、状態の管理にReact-Reduxを使用している場合、すべてのReduxファイルが保持されます。 Reduxフォルダー内には、reduxファイルを簡単に管理できるアクション、リデューサー、ストアがあります。
- Redux/Action:Reduxの周りを使用しているすべてのアクションファイルはここにあります。
- Redux/Reducers:Reduxの周りを使用しているすべての還元剤はここにあります。
- Redux/Store:このReduxストアフォルダーにストアを入れることができます。
コンポーネント/
機能全体で使用される共有コンポーネントは、このディレクトリに配置されています。そのような例(上記のように)の例は、アプリケーションコンポーネントをラップして全体的なレイアウトを決定するために使用されるレイアウトコンポーネントです。
- コンポーネント/アラート:これには、アラートと確認済みが含まれています
- コンポーネント/背景:画面のベースクラスとカスタムキーボード認識ビュー。
- コンポーネント/ボタン:共通ボタン。
- コンポーネント/列挙:酵素が含まれています。
- コンポーネント/FlatListitem:リスト項目が含まれています。
- コンポーネント/入力:いくつかのタイプのテキストインプットが含まれています。
- コンポーネント/モーダル:入力ドロップダウンとモーダルコンテナのドロップダウンモーダルを含む。
- コンポーネント/プリロダー:進行状況インジケーターと読み込みインジケーターが含まれています。
スクリーン/
すべての画面ベースのコンポーネントをここに置くことができます(例:SplashScreen、HomeScreen)。
ナビゲーション/
プロジェクトベースナビゲーションはここに行きます。 Stack Navigatorを作成して、アプリケーションにエクスポートできます。
スタイル/
プロジェクトでグローバルなスタイルが定義されている場合は、色のような色、フォントスタイルのようにここに置くことができます。
ユーティリティ/
ここにutilsファイルを配置できます。
- ユーティリティ/コンテキスト/テーマ:これには、暗いテーマと明るいテーマのコンテキストが含まれます。
- ユーティリティ/関数/フォーマット:このフォルダーには、3つの最も有用な関数currencyformat、decimalformat、dateformatが含まれています。
- ユーティリティ/関数/ログ:これには、console.logとしてメッセージをログに記録するか、ファイルに書き込むことができるログ関数が含まれます。
- ユーティリティ/関数/検証:このフォルダーには、3つの最も有用な関数validateEmail、validatePasswordが含まれています。