名前でモジュールを要求することはデバッグモードでのみサポートされ、生産中に中断する

Question

私はテキストとイメージのリストを持っています。Firebaseデータベースからイメージの名前を取得し、抽出した名前をイメージのパス「私のプロジェクトの下のフォルダは：それは私が

var icon= require ('path/'+item.image+'.png') 

     return (
      ... 
        <Image style={{width: 50, height: 50}} 
          source={icon}/> 

画像が表示されますを使用したコードですが、私は、リスト内のイメージを持っているように私はずっととして警告を持って iが（この

、必要などこかで読ん'IMAGE！...'）もっと長くサポートされていない

時間の間、推奨されなくなった、require（ 'image！...'）のサポートが削除されました。あなたのアプリの画像をそのまま アプリに読み込んでいる場合は、そのドキュメントを確認してください。

Answer 1

あり頼まれて明示的な質問はありませんので、私はあなたが求めているものとします「このエラーは何を意味するのでしょうか？」 「何かがあれば、私はそれをなくす必要がありますか？」

require('image!...')は、React Nativeでイメージを使用する（本当に）古い方法です。しかし、あなたの問題は、イメージ名を動的に構築していることが原因であると思われます。

React Native docs on imagesを参照してください：

これが機能するためには、イメージ名に必要が静的に知られていなければなりません。

// GOOD 
<Image source={require('./my-icon.png')} /> 

// BAD 
var icon = this.props.active ? 'my-icon-active' : 'my-icon-inactive'; 
<Image source={require('./' + icon + '.png')} /> 

// GOOD 
var icon = this.props.active ? require('./my-icon-active.png') : 
require('./my-icon-inactive.png'); 
<Image source={icon} /> 

だから、動的に画像の名前を構築しません。

はい、私は私が同じように大規模なスイッチケースをしなければならなかったものの、このソリューションは完璧にうまく働いた...ありがとうござい