想定
下記画像をJS側で読み込みたい。
- Xcodeのアセットカタログ(Assets.xcassets)
- Androidのres/drawable以下の画像
解決策
Imageタグのsource部分に拡張子なしの画像名を設定する
※ 外部から画像を読み込む際は uriプロパティは必須
コード
<Image
source={{ uri: 'app_icon' }} // 拡張子なしの画像名
style={{ width: 40, height: 40 }} // 必須
/>
【React Native】アセットカタログやdrawableフォルダから画像を読み込みたい
React Native
この記事は約1分で読めます。