当我点击图片时反应本机打开 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); }}
onPressReport={()=>{alert('Called')}}
            modelPress={(data) => {
              this.setModalVisible(false);
            }}
          />);
      }