0

我升级到 iOS 14 + XCode-beta 版本 12 beta 3 并且从那一刻起 React Native Image 组件不再从外部 URL 渲染图像。在 Android 上，Image 组件仍然可以完美运行。

这是我如何调用图像的代码。

const avatarImageUrl = Config.IMAGE_BASE_URL + this.props.data.avatar;

<Image source={{uri: avatarImageUrl}} style={styles.avatarImage}/>

这是我的配置组件：

export default Config = {
    API_BASE_URL: 'link-to-api',
    IMAGE_BASE_URL: 'link-to-api',
    
    // date when Realm database is updated with fresh API data and 
    bundled with app
    BUILD_DATE: '2020-06-18',
};

和款式

avatarImage: {
    flex: 3,
    width: '100%',
    height: '100%',
    borderTopLeftRadius: 10,
    borderTopRightRadius: 10,
    backgroundColor: '#cccccc',
    width: "100%",
    marginLeft: 0,
    marginRight: 0,
  },

有没有人在 iOS14 上对 React Native 有同样的问题？

塔克斯

罗伯特

4

1 回答 1

1

你可以尝试几件事：

A. 使用以下软件包通过运行来解决问题：

npm install --save react-native-fix-image

npx react-native-fix-image

然后重建项目。

注意：每次重新安装 node_modules 后，您都必须运行npx react-native-fix-image.

B. 升级 react-native 到 V0.63.2 然后重建项目。

我使用了解决方案 A。

于 2020-10-21T00:27:35.140 回答