react native - हाल ही में प्रतिक्रिया-मूल में छवि दृश्य पर कैमरा से छवि को क्लिक करें



react-native react-native-android (1)

camera.capture() पर कब्जा कर लिया छवि का पथ रिटर्न। Image घटक में दिखाने के लिए उस का उपयोग करें।

<Image source={{uri: data.path}} style={{width: 100, height: 100}} />

मैं अपने प्रतिक्रिया देशी अनुप्रयोग में कैमरा लागू कर रहा हूँ मैं क्लिक के बाद एक ही स्क्रीन पर एक छोटी छवि दृश्य में उस कैमरे से हाल ही में कैप्चर की गई छवि को दिखाना चाहता हूं लेकिन मैं हाल ही में क्लिक की गई छवि का उपयोग कैसे करूँ? जब भी कोई भी नई छवि को फोन के माध्यम से क्लिक किया जाता है, तो उसे डिफ़ॉल्ट रेडल नाम दिया गया है, मैं इसे छवि दृश्य के स्रोत में कैसे संदर्भित कर सकता हूं? कृपया मुझे ऐसा करने का कोई तरीका सुझाएं मेरा कोड है

 class Incident extends Component {
    constructor(props)
    {  super(props)

        this.state=  {path:"",show:false,video:Camera.constants.CaptureMode.video,camera:Camera.constants.CaptureMode.camera}    
      }
    render() {
      return (
              <View style={styles.container}>
             <View style={{flex:72}}>
             <Camera
              ref={(cam) => {
               this.camera = cam;
                }}
              style={styles.preview}
               aspect={Camera.constants.Aspect.fill}
              captureMode={this.state.camera}>

          </Camera>

  </View>
  <View style={{flex:8,opacity:0.5,backgroundColor:'black'}}>

    {()=>this.showClickedImage()}

  </View>


  <View style={{flex:10,flexDirection:'row',justifyContent:'space-between',backgroundColor:'#f3396b'}}>
  <TouchableOpacity style={{flex:33,flexDirection:'column', alignItems: 'center',paddingTop:10}}>
  <Image style={styles.icon} source={require('./Images/menu.png')}/>
  <Text>Home</Text>
  </TouchableOpacity>



  <TouchableOpacity style={{flex:34,flexDirection:'column', height:70,alignItems: 'center',borderColor:'#dd1e52',borderWidth:1,paddingTop:5}} 
                               onPress={()=>this.takePicture()}>
  <Image style={{width:50,height:50}} source={require('./Images/capture.png')}/>

  </TouchableOpacity>





  <TouchableOpacity style={{flex:33,flexDirection:'column', alignItems: 'center',paddingTop:10}}>
  <Image style={styles.icon} source={require('./Images/profile.png')}/>
  <Text>Profile</Text>
  </TouchableOpacity>


  </View>
  </View>
);
      }

      showClickedImage()
  { 
        return <View style={{flex:1,height:40,width:40, borderWidth:1,borderColor:'black'}}>
               <Image style={{width:40,height:40}} source= {{uri: this.state.path}}/>
               </View>
               }

       takePicture() 
     {

       this.camera.capture()
  .then((data) =>{console.log(data.path),this.setState({show:true}),this.setState({path:data.path})})
  .catch(err => console.error(err));
             }
            }




react-native-camera