Question

嗨大家我需要创建一个按钮组件，它将提供选项1）从图库中选择图片2）从相机拍摄照片，我希望能够访问此处描述的cameraComponent：https://github.com/expo/camerja，（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',
  },
});

Answer 1

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

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

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

然后将其绑定到onPress prop：

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

Answer 2

您可以使用react-native-image-picker并在onClick上调用它。它可以轻松打开相机。 react-native-image-picker

Image-picker有以下选项 -

从相机中捕捉图像
图库中的图片

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

图片上传选项图库和相机：当点击一个按钮时，原生反应

2 个答案: