在react-native-modal selector中添加图像

npm install react-native-modal-selector --save

import React from 'react';
import { View, Image, TouchableOpacity } from 'react-native';
import ModalSelector from 'react-native-modal-selector';

const ImageSelector = () => {
  const data = [
    { key: 0, label: 'Option 1', image: require('./images/image1.png') },
    { key: 1, label: 'Option 2', image: require('./images/image2.png') },
    { key: 2, label: 'Option 3', image: require('./images/image3.png') },
  ];

  return (
    <View>
      <ModalSelector
        data={data}
        initValue="Select an option"
        onChange={(option) => console.log(option)}
        optionStyle={{ alignItems: 'center' }}
        optionContainerStyle={{ backgroundColor: 'white' }}
        cancelStyle={{ backgroundColor: 'white' }}
        cancelTextStyle={{ color: 'black' }}
      >
        <TouchableOpacity>
          <Image source={require('./images/defaultImage.png')} style={{ width: 100, height: 100 }} />
        </TouchableOpacity>
      </ModalSelector>
    </View>
  );
};

export default ImageSelector;