React Native组件篇 — Image组件

在React Native中，Image组件用于显示图片。它有多个属性，如source、style等，可以用来控制图片的来源和显示样式。

以下是一个使用Image组件的基本示例：

import React from 'react';
import { Image, StyleSheet, Text, View } from 'react-native';
 
const App = () => {
  return (
    <View style={styles.container}>
      <Text>React Native Image Component Example</Text>
      <Image
        style={styles.image}
        source={{ uri: 'https://reactnative.dev/img/logo_og.png' }}
      />
    </View>
  );
};
 
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  image: {
    width: 200,
    height: 200,
  },
});
 
export default App;

在这个例子中，我们创建了一个简单的应用，其中包含一个Image组件，它从给定的URL加载一个图片，并将其显示在屏幕中心。同时，我们使用了StyleSheet来指定图片的显示样式，使其宽高均为200像素。