首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >React与现有应用程序和镜像的本机集成

React与现有应用程序和镜像的本机集成
EN

Stack Overflow用户
提问于 2017-02-09 02:27:49
回答 1查看 163关注 0票数 1

我正在遵循React原生文档中描述的步骤

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

代码语言:javascript
运行
复制
@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原生应用程序集成到Android应用程序中,并使用资产中的图像吗?

我试过了

代码语言:javascript
运行
复制
<Image source={{uri:'file:///data/data/com.sampleproject/files/blankProject2/0.1/img/sample.jpeg'}} style={{width: 300, height: 300}}/>

代码语言:javascript
运行
复制
<Image source={{uri: 'img_sample.jpeg'}} />

两种情况都失败了。

EN

回答 1

Stack Overflow用户

发布于 2018-02-19 10:09:02

如果你使用的是Android,你应该像这样从资源中加载图片:

代码语言:javascript
运行
复制
<Image source={{uri: 'asset:/app_icon.png'}} style={{width: 40, height: 40}} />

使用asset:/作为图像名称的前缀

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42120879

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档