React-native Open Piker, wenn ich auf ein Bild klicke

Question

Ich suche nach einer Möglichkeit, Picker zu öffnen, wenn ich auf ein Bild oder ein Symbol klicke. Wie in Instagram.

picker menu

Haben Sie eine Idee?

Answer 1

Sie können model verwenden, um den Dialog wie folgt zu öffnen. Hier

ist kleines Beispiel dafür:

modeljs.js

import React, { Component } from 'react'; 
import { Text, View, Modal } from 'react-native'; 


export default class Modeljs extends Component { 

    render() { 
const { onPressCancel, onPressReport, visible } = this.props; 

    return (
     <Modal 
     animationType={'fade'} 
     transparent 
     visible={visible} 
     onRequestClose={() => { }} 
     > 
     <View 
      style={{ flex: 1, 
      justifyContent: 'center', 
      alignItems: 'center', 
      }} 
     > 
      <Text>You are in Model</Text> 
     </View> 
     </Modal>); 
    } 
} 

Sie modeljs in Ihrem Bildschirm wie folgt verwendet werden:

state ={ 
    modalVisible: false, 
    seletData: [], 
    } 
    setModalVisible(visible) { 
    this.setState({ modalVisible: visible }); 
    } 
    modelPress(item) { 
    this.state = { ...this.state, seletData: item }; 
    this.setModalVisible(true); 
    } 
    renderReportDialog() { 
    return (
     <Modeljs 
     visible={this.state.modalVisible} 
     onPressCancel={() => { this.setModalVisible(false); }} 
     modelPress={(data) => { 
      this.setModalVisible(false); 
     }} 
     />); 
    }