Android両対応アプリを作る(4)株式会社プライムストラクチャーの若手エンジニアのSayaです。Nativeを用いたモバイルアプリの開発を行なっていきたいと思います。ScrollViewの使い方ScrollViewは複数のコンポーネントをスクロールで表示できます。ScrollViewのすべての要素とビューは、現在スクリーンに表示されていなくてもレンダリングされます。デフォルトは垂直方向のスクロールですが、horizontalプロパティを設定することで水平方向にもスクロールさせることが出来ます。以下の例は画像とテキストが含まれた垂直方向のScrollViewです。IScrolledDownAndWhatHappenedNextShockedMe);これを実行すると画面スクロールを出来ることが確認できます。pagingEnabledプロップを用いることでスワイプで画面を見ることが出来るようになります。ユーザーにコンテンツをズームさせたい場合には、maximumZoomScaleとminimumZoomScaleを用います。これによってズームインまたはズームアウトが使えるようになります。Viewでは一般にFlatListとSectionListがよく使われます。一般的な使い方として、サーバーから受信したデータを表示することが挙げられます。FlatListFlatListは一般的なScrollViewとは異なり、現在画面上に表示されている要素のみをレンダリングします。全ての要素を一度にレンダリングする訳ではないので、時間の経過と共にアイテム数が変化する可能性のある長いデータリストに対して上手く機能します。FlatListの情報源が入ります。dataから項目を1つ取り、レンダリングをする為の書式付きコンポーネントを返します。FlatListBasics);上の画像のようにdata内のKeyに入れられた名前データがテキストでレンダリングされます。SectionListSectionListによってデータをグループ分けして表示することが出来ます。APIを提供しています。Fetchを参照してください。リクエストをする任意のURLからコンテンツを取得するには、以下のようにフェッチするURLを渡します。fetch('https://mywebsite.com/mydata.json');また、HTTP要求をカスタマイズするためのオプションの2番目の引数も取得します。追加のヘッダーを指定したり、POSTリクエストを作成することができます。});レスポンスの処理FetchメソッドはPromiseを返します。これにより、非同期で動作するコードを簡単に記述できます。await構文を使用することもできます。}フェッチによって生じる可能性のあるエラーをキャッチすることを忘れないでください。Nativeに組み込まれています。それに依存するfrisbeeやaxiosなどのサードパーティのライブラリを使用することができます。APIを直接使用することもできます。request.send();XMLHttpRequestのセキュリティモデルは、ネイティブアプリにCORSの概念がないためWebとは異なります。Nativeは、双方向通信であるWebSocketsもサポートしています。Nativeの一通りの機能を確認してきました。JavaScriptによって手軽に見た目部分を作っていけることが分かりました。次回からは実際にアプリケーションを作ってみたいと思います。