Reactjs 图片上传选项画廊和相机：点击按钮时，反应为本地

大家好，我需要创建一个按钮组件，该组件将提供选项1）从Gallery中选择图片2）从camera中拍照，我希望能够访问此处描述的cameraComponent:，（其中的App.js重命名为CameraScreen）我的父组件App.js如下所示-它有一个摄像头按钮，但单击时没有任何功能

import React from 'react';
import { StyleSheet, Text, View,WebView ,Button} from 'react-native';
import CameraScreen from './CameraScreen';



export default class App extends React.Component {
  render() {
    return (
      <View>

        <Button onPress = {CameraScreen} title="Camera"
  color="#841584"
  accessibilityLabel="Learn more about this purple button"></Button>
        </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

从“React”导入React；
从“react native”导入{样式表、文本、视图、WebView、按钮}；
从“/CameraScreen”导入CameraScreen；
导出默认类App扩展React.Component{
render（）{
返回(
);
}
}
const styles=StyleSheet.create({
容器：{
弹性：1，
背景颜色：“#fff”，
对齐项目：“居中”，
为内容辩护：“中心”，
},
});

您没有为onPress道具提供功能，并且错过了CameraScreen组件的标签

试试这个： 首先创建一个返回CameraScreen组件的函数

renderCamera(){ 
 return( <CameraScreen /> );
}

---

您没有为onPress道具提供功能，并且错过了CameraScreen组件的标签

试试这个： 首先创建一个返回CameraScreen组件的函数

renderCamera(){ 
 return( <CameraScreen /> );
}

---

您可以使用react本机图像选择器并将其称为onClick。它很容易打开相机

图像选择器具有以下选项-

从照相机捕获图像

来自画廊的图片

---

另外，如果您需要任何其他选项，可以传递它

，您可以使用react native image picker并调用它onClick。它很容易打开相机

图像选择器具有以下选项-

从照相机捕获图像

来自画廊的图片

此外，如果您需要任何其他选项，您可以传递它