是否可以在Modal (react-native)中使用searchableDropdown？

import React, { useState } from 'react';
import { View, Modal, Button } from 'react-native';
import SearchableDropdown from 'react-native-searchable-dropdown';

const MyModal = () => {
  const [modalVisible, setModalVisible] = useState(false);
  const [selectedItem, setSelectedItem] = useState(null);

  const data = [
    { id: 1, name: 'Option 1' },
    { id: 2, name: 'Option 2' },
    { id: 3, name: 'Option 3' },
  ];

  const handleDropdownSelect = (item) => {
    setSelectedItem(item);
  };

  return (
    <View>
      <Button
        title="Open Modal"
        onPress={() => setModalVisible(true)}
      />
      <Modal
        visible={modalVisible}
        onRequestClose={() => setModalVisible(false)}
      >
        <View>
          <SearchableDropdown
            onItemSelect={handleDropdownSelect}
            containerStyle={{ padding: 5 }}
            textInputStyle={{ padding: 12 }}
            itemStyle={{ padding: 10 }}
            itemTextStyle={{ color: '#222' }}
            itemsContainerStyle={{ maxHeight: '60%' }}
            items={data}
            defaultIndex={0}
            placeholder="Select an option"
            resetValue={false}
            underlineColorAndroid="transparent"
          />
          <Button
            title="Close Modal"
            onPress={() => setModalVisible(false)}
          />
          {selectedItem && (
            <Text>You selected: {selectedItem.name}</Text>
          )}
        </View>
      </Modal>
    </View>
  );
};

export default MyModal;