typescript - React Native With Expo：Web 浏览器不渲染图像

Question

我正在使用 React Native 构建一个应用程序。我有一个 <Image /> 反应原生组件，它在 android 上呈现，但似乎没有在浏览器上呈现。检查元素时，浏览器具有大小为 0x0 的图像元素。

我正在使用 expo-cli 并使用以下代码（剥离了我的代码的版本）创建了一个新项目来隔离问题。它适用于android，但不显示网络图像。

此外，我使用https://snack.expo.io进行了尝试，它适用于那里的网络。

我在这里缺少什么吗？

隔离代码：

import React from 'react';
import { Text, Image, View, StyleSheet } from 'react-native';
const source = require("./assets/icon.png");

export default function App() {
  return (
    <View style={styles.container}>
      <Text>test: </Text>
      <Image style={styles.image} source={source} />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    display: "flex",
    alignItems: "center",
    flexDirection: "row",
    height: "5%",
  },
  image: {
    resizeMode: "contain",
    maxHeight: "100%",
    flexShrink: 2,
    flexGrow: 0,
  }
});

标签： typescriptreact-nativeexpo