反应本机 expo Android 模拟器未呈现 uri 图像

Question

I have Android emulator rendering text successfully, however it is not rendering image with uri. Funny thing iOS simulator rendering both text and image. What could be the problem? should I add anything for Android? here is my code,

export default function App() {
  return (
    <View style={styles.container}>
      <Image
        source={{
          width: 200,
          height: 300,
          uri: "https://picsum.photos/200/300",
        }}
      />
      <Text> App</Text>
    </View>
  );
}

Answer 1

try using the style prop to the styles and the source prop to the source of the image

export default function App() {
  return (
    <View style={styles.container}>
      <Image
        style={{ width: 200, height: 300}}
        source={{uri: 'https://picsum.photos/200/300'}}
      />
      <Text> App</Text>
    </View>
  );
}