IT技术 - 为什么在 expo build:android 之后图像没有显示在 apk 上？（react-native） - 吾爱随笔录

我创建了一个应用程序（使用 React Native Expo），其中包含一些图像，例如：

<Image source={require('../assets/facebook_button.png')} />

图像位于资产目录中，我可以使用npm publish或npm start功能查看它们。

问题是在使用构建应用程序时exp build:android，现在 apk没有显示静态图像（但正在显示我从 Internet 加载的其他一些图像）。

这是我的 app.json：

{
  "expo": {
    "name": "my-interesting-app",
    "description": "My Interesting App",
    "slug": "my-interesting-app",
    "privacy": "public",
    "sdkVersion": "29.0.0",
    "platforms": ["ios", "android"],
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*",
      "assets/*"
    ],
    "ios": {
      "supportsTablet": true,
      "bundleIdentifier": "com.myinteresting.myinterestingapp"
    },
    "android": {
      "package": "com.myinteresting.myinterestingapp"
    },
    
  }
}

谢谢您的帮助

import React from 'react'; import { Image, Text, View } from 'react-native'; import { Asset, AppLoading } from 'expo'; export default class App extends React.Component { state = { isReady: false, }; render() { if (!this.state.isReady) { return ( <AppLoading startAsync={() => this._cacheResourcesAsync()} onFinish={() => this.setState({ isReady: true })} onError={console.warn} /> ); } return ( <View style={{ flex: 1 }}> <Image source={require('./assets/images/expo-icon.png')} /> <Image source={require('./assets/images/slack-icon.png')} /> </View> ); } async _cacheResourcesAsync() { return Asset.loadAsync([ require('./assets/images/expo-icon.png'), require('./assets/images/slack-icon.png'), ]); } }