PIC上传选项库和相机:单击按钮时，对本机进行了反应

Question

嗨，我需要创建一个将提供选项的按钮组件1）从画廊中选择图片2）从相机拍摄照片，我希望能够访问此处描述的camerAcompongent：https：https：//github.com/expo/camerja，（app.js的app.js被更名为camerascreen）我的parent component app.js 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',
  },
});

Answer 1

您没有为OnPress Prop提供函数，也错过了Camerascreen组件的标签。

尝试以下操作：首先创建一个返回camerascreen组件

的函数

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

然后将其绑定到OnPress Prop：

onPress={this.renderCamera().bind(this)}

Answer 2

您可以使用React-Native-Nimage-picker并将其称为OnClick。它很容易打开相机。反应本形图像挑战器

图像挑选有以下选项 -

1. 从相机捕获图像
2. 画廊的图像

另外，如果您想要任何其他选项，则可以通过它