写真のアップロードオプションギャラリーとカメラ：ボタンをクリックしたときにネイティブに反応する

Question

こんにちは私はオプションを与えるためのボタンコンポーネントを作成する必要があります1）ギャラリーから写真を選択してください2）カメラから写真を撮って、 cameraComponentここで説明：カメラボタンがありますが、クリックしたときに何もしない-which以下のよう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のpropに関数があり、CameraScreenコンポーネントのタグが見付かりませんでした。

はこれを試してみてください： まず続いたonPressの小道具にバインドCameraScreenコンポーネント

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

を返す関数の作成：あなたが反応し、ネイティブ・画像・ピッカーを使用することができます

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

Answer 2

をし、それをonClickと呼んでください。カメラを簡単に開く。あなたは他のオプションをしたい場合は、

それを渡すことができます。また、ギャラリー

からカメラ

画像から

1. キャプチャイメージ - react-native-image-picker

   イメージピッカーは、オプションを以下ました