1

我正在按照 React 本机文档中描述的步骤进行操作

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);
}

但是，当我尝试将组件图像与我的 android 资产中的图像一起使用时，它没有显示。

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

有人将 React Native 应用程序集成到 Android 应用程序中并使用 Assets 中的图像吗？

我试过了

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

和

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

两种情况都失败了。

4

1 回答 1

0

如果您使用的是 Android，您应该这样做以从资产中加载图像：

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

以asset:/图像名称为前缀

于 2018-02-19T02:09:02.167 回答