イメージをクリックしたときに現実のネイティブオープンパイーカー

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