Icons in the label inside the data array

Is it possible to enter icons in the label inside the data array? I need to put several, I get one and two into an array but the app breaks and starts again when I select it … const data = [{ key: index++, label: [<Icon name="ios-man" key={1} size={34} />, <Icon name="ios-man" key={1} size={34} />]}] Magnificent bookstore, thank you!

[peacechen]

The cancel button’s string can be changed with the cancelText prop. https://github.com/peacechen/react-native-modal-selector#props

Thanks for testing the new feature. I’ll publish a new version on NPM soon.

[peacechen]

I added the feature to support custom components in the list. Refer to the Readme for instructions and the SampleApp for a working demo. Simply provide a component key in addition to label in the data set.

Please test this by pointing directly to this repo in your package.json:

  "dependencies": {
    "react-native-modal-selector": "git+https://github.com/peacechen/react-native-modal-selector.git",
    ....
  },