React Intégration native avec des applications existantes et Images

Question

Je suis en suivant les étapes décrites dans la documentation React native

https://facebook.github.io/react-native/docs/integration-with-existing-apps.html

@Override 
protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 

    mReactRootView = new ReactRootView(this); 
    mReactInstanceManager = ReactInstanceManager.builder() 
      .setApplication(getApplication()) 
      .setBundleAssetName("index.android.bundle") 
      .setJSMainModuleName("index.android") 
      .addPackage(new MainReactPackage()) 
      .setUseDeveloperSupport(BuildConfig.DEBUG) 
      .setInitialLifecycleState(LifecycleState.RESUMED) 
      .build(); 
    mReactRootView.startReactApplication(mReactInstanceManager, "HelloWorld", null); 

    setContentView(mReactRootView); 
} 

Cependant, lorsque je tente ne pas utiliser l'image des composants avec des images de mes actifs Android , il ne montre pas.

https://facebook.github.io/react-native/docs/images.html#images-from-hybrid-app-s-resources

Tout le monde a été intégré une application native dans réagir une application Android et les images utilisées sur les actifs?

J'ai essayé

<Image source={{uri:'file:///data/data/com.sampleproject/files/blankProject2/0.1/img/sample.jpeg'}} style={{width: 300, height: 300}}/> 

et

<Image source={{uri: 'img_sample.jpeg'}} /> 

deux cas a échoué.

Answer 1

Si vous utilisez Android, vous devez le faire comme ceci pour charger des images d'actifs:

<Image source={{uri: 'asset:/app_icon.png'}} style={{width: 40, height: 40}} /> 

avec asset:/ préfixer le nom de l'image