本記事ではReactNativeで画像を表示する方法について解説しています。ReactNativeは解説の記事が非常に少なく、簡単な一方で学習につまずきやすいです。下の画像のように、assetsに保存してある画像を表示します。assetsに表示したい画像を保存しておきましょう。assetsフォルダに表示したい画像を保存Imageタグの読み込みをします。App.jsなどの作業しているコードの先頭にインポートしておきましょう。'react-native';本質のコード下のコードのように、Imageタグで、「source={require(パス)}」とすることで画像の表示が可能です。ここで重要なことはstyleを指定しておくことです。値は自由ですが、「width」と「height」を書いて置かなければ出力されません。120,}source={require('./assets/tree.jpg')}/>widthとheightを絶対に指定!もう一度いいます。「width」と「height」を書いて置かなければ「エラー」か、「何も表示されない」のどちらかになります。styleの中で必ず、「width」と「height」の値を指定しおきましょう。ここでつまずく方が多いのでお忘れなく!【補足】画像を12枚表示するコード画像を12枚表示するコードを作成しました。ポイントは72〜75行目で、まとめてImageのスタイルを指定していることですかね。難しいコードではないので、よく見れば理解できるかと思います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。開発を楽しんでいます。(1)開発したアプリProfilekotaiOSアプリ開発を中心に、開発を楽しんでいます。