如何使用React Native上传照片

npm install -g react-native-cli

react-native init YourProjectName

cd YourProjectName
npm install react-native-image-picker @react-native-community/cameraroll react-native-permissions

cd ios && pod install && cd ..

react-native link

import React, { useState } from 'react';
import { View, Button, Image } from 'react-native';
import ImagePicker from 'react-native-image-picker';
import { request, PERMISSIONS } from 'react-native-permissions';

const App = () => {
  const [image, setImage] = useState(null);

  const pickImage = () => {
    request(PERMISSIONS.ANDROID.CAMERA).then((result) => {
      if (result === 'granted') {
        ImagePicker.launchImageLibrary(
          {
            mediaType: 'photo',
          },
          (response) => {
            if (!response.didCancel && !response.error) {
              setImage(response.uri);
            }
          },
        );
      }
    });
  };

  return (
    <View>
      <Button title="Pick Image" onPress={pickImage} />
      {image && <Image source={{ uri: image }} style={{ width: 200, height: 200 }} />}
    </View>
  );
};

export default App;

react-native run-ios

react-native run-android