React Native Image Picker如何使用

React Native Image Picker 是一个用于选择图片或视频的库，适用于 React Native 应用。

安装：

npm install react-native-image-picker

或者

yarn add react-native-image-picker

接下来，根据平台配置原生代码：

npx react-native link react-native-image-picker

使用示例：

import React, { useState } from 'react';
import { Button, View, Image, Text } from 'react-native';
import * as ImagePicker from 'react-native-image-picker';
 
const App = () => {
  const [image, setImage] = useState(null);
 
  const pickImage = () => {
    ImagePicker.launchImageLibrary({ mediaType: 'photo' }, (response) => {
      if (response.didCancel) {
        console.log('User cancelled image picker');
      } else if (response.error) {
        console.log('Image Picker Error: ', response.error);
      } else {
        const source = { uri: response.uri };
        setImage(source);
      }
    });
  };
 
  return (
    <View>
      <Button title="Pick an image" onPress={pickImage} />
      {image && <Image source={image} style={{width: 200, height: 200}} />}
    </View>
  );
};
 
export default App;

在上面的代码中，我们创建了一个按钮，当按钮被按下时，会调用 pickImage 函数，打开图片库，让用户选择一张图片。选择后，图片的URI会被保存在状态 image 中，并且用 <Image /> 组件显示出来。如果用户取消选择或者有错误发生，会通过控制台日志输出相应信息。