이미지를 클릭하면 실제 오픈 된 piker가

Question

이미지 나 아이콘을 클릭 할 때 선택 도구를 열 수있는 방법을 찾고 있습니다. Instagram에서와 비슷합니다.

picker menu

당신이 어떤 생각을 가지고 있습니까?

Answer 1

model과 같이 대화 상자를 열 수 있습니다.

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>); 
    } 
} 

당신은 다음과 같이 화면에 modeljs을 사용할 수 있습니다

: 여기

그것을 위해 작은 예입니다 답변에 대한

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); 
     }} 
     />); 
    }