NativeとExpoを利用してクロスプラットフォームなアプリを作成しています。起動できるだけの雛形があるので、まとめておこうと思います。この雛形を参考にして立ち上げればとりあえず動くので、ここから必要な機能を作っていくことができます。同じようにアプリ作ってみようという人は参考にしてみてください。最低限導入しているものこの雛形では最低限の機能として以下が使えるようになっています。それぞれの詳細は各ドキュメントを確認してください。Admob広告を表示するために取り入れています。広告出す場合はプライバシーポリシーの記載が必須です。無いとストアから削除されるので気をつけましょう。Admobのアカウントを作成して、広告IDを取得することで利用できます。Navigationタブなどによる画面遷移をサポートしてくれます。なくてもアプリは作れますがあると便利です。Styleコンポーネントの見た目をまとめて定義するのに使います。こちらもなくてもアプリは作れますが、スタイルの管理がややこしくなるので、間違いなく使ったほうがいいです。別ファイルに切り出して実装する方針にしています。create-react-native-appを実行するコマンドラインでcreate-react-native-appを実行します。コマンドがまだない場合はnpmでインストールしましょう。react-nativeやexpoも必要なのでinstallしておきます。上記のコマンドを実行すると必要な雛形ができます。そこに今回紹介する雛形を取り込めば、とりあえず動くものになります。startを実行すればexpoによって実機での確認ができます。実機にExpoというアプリをインストールしておく必要があります。ストアで検索して入れておくと良いです。NativeとExpoでアプリをリリース雛形app.jsReact-Navigationを利用しています。コンポーネントとしてページを作成して、設定することになります。ソースを見れば直感的にわかるかなと思います。スタイル定義、プライバシーポリシーページ、フッター広告枠を外部ファイルとして切り出して定義しています。});common/policy.jsアプリのプライバシーポリシーページです。ページへのリンクを貼るだけでもいいそうなのですが、アプリ内に設置するとして、このように実装しています。Admobを利用しているので、その部分は明記しています。Firebaseは利用していないので書いてません。必要であれば追加しましょう。{`本アプリケーションを利用するにあたり、以下のプライバシーポリシーが適用されます。お客様は、本アプリケーションを利用することにより、本アプリケーション・ポリシーに同意したものとみなされます。)を意味するものとします。style={styles.textDisc}>本アプリではお客さまの個人情報を保持するにあたり、個人情報への不正アクセス・紛失・破損・改ざん・漏洩などを防止するために適切な措置を講じ、安全対策を実施し個人情報の管理を行ないます。Inc.)を使用しており、AdMobがご利用者の情報を自動取得する場合がございます。提供等につきましては、以下の広告配信事業者のアプリケーション・プライバシーポリシーのリンクよりご確認ください。{`お客さまよりお預かりした個人情報を適切に管理し、次のいずれかに該当する場合を除き、個人情報を第三者に開示いたしません。style={styles.textDisc}>個人情報の正確性及び安全性確保のために、十分なセキュリティに万全の対策を講じ、万が一、問題が発生した場合は、速やかに適当な是正対策をします。style={styles.textDisc}>保有する個人情報に関して適用される日本の法令、その他規範を遵守するとともに、本ポリシーの内容を適宜見直し、その改善に努めます。styles;このファイルでスタイルを定義して、利用します。コンポーネントの呼び出し時に指定することもできますが、このファイルにまとめておいたほうがラクなのではないかと思います。複数のスタイルを併用する場合は配列にして渡すと、両方のスタイルがコンポーネントに反映されます。FooterAdd;上記をimportしておけば、コンポーネントとして利用できます。限りなく簡潔になっています。アプリの下部にAdmobを出すだけならこんな感じでしょう。app.jsonapp.jsonは以下のようになります。バージョンなどは自身の環境で合わせてください。slugなどの文字列も自身の使いたいものに変更します。buildコマンドでビルドもできます。実際にストアにアップロードするAPKが生成できます。Android版についてはこんな感じでリリースまでできることを確認しました。iOSについても引き続き実験しようと考えています。NativeとExpoを利用したアプリの雛形をまとめました。これを使えば、とりあえず動くものを見ながら開発できると思います。実際にはいろいろなコンポーネントを利用しながら開発することになると思います、よく使うものは別ファイルにして切り出すなどして再利用性を高めておくと良いです。Expoを利用すると簡単に開発ができるのでとても便利です。ネイティブなコードを使った開発もやってみたいのですが、大変そうなのでしばらくはこの環境で進めようと思います。Nativeと比較される存在としてFlutterというものもあります。こちらも一度試してみます。editerマークダウン特化エディタアプリマークダウンのプレビュー・よく使う記号を入力するボタンが利用できます。野々市市コミュニティバスのっティ時刻表アプリルートとバス停を選択して時刻表が確認できます石川県野々市市に住むフリーランスエンジニア。応用情報とDBスペシャリストの資格を保有。Webシステムの構築、スマホアプリ、プログラミングメンターなどの依頼に対応できます。