如何在react-native-modal dropdown中单击图像时显示下拉列表

npm install react-native-modal react-native-image-picker

import React, { useState } from 'react';
import { View, TouchableOpacity, Image } from 'react-native';
import ModalDropdown from 'react-native-modal-dropdown';
import ImagePicker from 'react-native-image-picker';

const ImageDropdown = () => {
  const [imagePath, setImagePath] = useState(null);

  const selectImage = () => {
    ImagePicker.showImagePicker({}, (response) => {
      if (response.didCancel) {
        console.log('User cancelled image picker');
      } else if (response.error) {
        console.log('ImagePicker Error: ', response.error);
      } else {
        setImagePath(response.uri);
      }
    });
  };

  return (
    <View>
      <TouchableOpacity onPress={selectImage}>
        {imagePath ? (
          <Image source={{ uri: imagePath }} style={{ width: 100, height: 100 }} />
        ) : (
          <Image source={require('path/to/placeholder/image')} style={{ width: 100, height: 100 }} />
        )}
      </TouchableOpacity>
      <ModalDropdown options={['Option 1', 'Option 2', 'Option 3']} />
    </View>
  );
};

export default ImageDropdown;

import React from 'react';
import { View } from 'react-native';
import ImageDropdown from './ImageDropdown';

const App = () => {
  return (
    <View>
      <ImageDropdown />
    </View>
  );
};

export default App;