By default data need to be formatted in this way:

            { key: index++,  label: 'Fruits' },
            { key: index++, label: 'Red Apples' },
            { key: index++, label: 'Cherries' },
            { key: index++, label: 'Cranberries' },

I really need a value property like React Native Picker. For example input data will be:

            { key: index++,  label: 'Fruits', value: 'fruit1' },
            { key: index++, label: 'Red Apples', value: 'fruit5' },
            { key: index++, label: 'Cherries',value: 'fruit3'},
            { key: index++, label: 'Cranberries',value: 'fruit11' },

How I can do this?

Boolean keyboardShouldPersistTaps is deprecated, and is now a string prop with possible values "always", "handled", "never". See discussion in https://github.com/facebook/react-native/pull/10628

This provides an ability to style the TouchableOpacity element as well as default styles to fix an issue in RN v0.36 .

Also updated the SampleApp to that RN version and fixed the layout issues introduced by that.

Let me know if you want me to change anything

I ran react 0.14.8 and react-native 0.25.1. I also checked with the latest versions: react 15.0.2 and react-native 0.26.0.

I copied and pasted the code of the README.md file of the github repository. And also cloned the rep and build it locally. Got the same result: Red Screen of Death.

I also followed the steps in the Red Screen of Death but also no luck with it.

I would appreciate any suggestions.

https://reactjs.org/blog/2017/04/07/react-v15.5.0.html In 15.5, instead of accessing PropTypes from the main React object, install the prop-types package and import them from there

https://github.com/facebook/react-native/issues/13999 import ViewPropTypes from 'react-native' package like this: import {Text, View, ViewPropTypes} from 'react-native';

https://reactjs.org/docs/react-component.html Note: These methods are considered legacy and you should avoid them in new code: UNSAFE_componentWillReceiveProps() https://reactjs.org/docs/react-component.html#static-getderivedstatefromprops static getDerivedStateFromProps(nextProps, prevState)

https://facebook.github.io/react-native/docs/scrollview#keyboardshouldpersisttaps true, deprecated, use 'always' instead

As of react 15.5, PropTypes has moved to its own library. Also fixed a warning about keyboardShouldPersistTaps needing to be "always" rather than {true}.

I made this because I was asked to do this for the project I'm working on. I created this pull request so if you think it may add value to the project, you can merge it.

The application crash and close when it's in debug mode without throwing any exception but it works fine without debugging. Does anybody know what's happening?

Just trying to configure it locally, but the app fails to start because of

"Requiring unknown module rebound"

And actually it's really missing in the sources

When passing in a custom style like so:

<ModalPicker
        data={this.state.data}
        selectStyle={Styles.SearchPage.selectorButton}
        selectTextStyle={Styles.SearchPage.labelBlackText}
        initValue="Select Category"
        cancelTextStyle={Styles.SearchPage.cancelTextStyle}
        optionTextStyle={Styles.SearchPage.optionTextStyle}
        optionStyle={Styles.SearchPage.optionStyle}
        cancelText="Cancel"
      />

I'm getting these warnings:

index.ios.bundle:58540Warning: Failed propType: Invalid props.optionTextStyle key `color` supplied to `ModalPicker`.
Bad object: {
  "color": "black",
  "fontSize": 25
}
Valid keys: [
  "width",
  "height",
  "top",
  "left",
  "right",
  "bottom",
  "margin",
  "marginVertical",
  "marginHorizontal",
  "marginTop",
  "marginBottom",
  "marginLeft",
  "marginRight",
  "padding",
  "paddingVertical",
  "paddingHorizontal",
  "paddingTop",
  "paddingBottom",
  "paddingLeft",
  "paddingRight",
  "borderWidth",
  "borderTopWidth",
  "borderRightWidth",
  "borderBottomWidth",
  "borderLeftWidth",
  "position",
  "flexDirection",
  "flexWrap",
  "justifyContent",
  "alignItems",
  "alignSelf",
  "flex",
  "shadowColor",
  "shadowOffset",
  "shadowOpacity",
  "shadowRadius",
  "transform",
  "transformMatrix",
  "scaleX",
  "scaleY",
  "rotation",
  "translateX",
  "translateY",
  "backfaceVisibility",
  "backgroundColor",
  "borderColor",
  "borderTopColor",
  "borderRightColor",
  "borderBottomColor",
  "borderLeftColor",
  "borderRadius",
  "borderTopLeftRadius",
  "borderTopRightRadius",
  "borderBottomLeftRadius",
  "borderBottomRightRadius",
  "borderStyle",
  "opacity",
  "overflow",
  "elevation"
] Check the render method of `CategoryList`.

When the modal is opened, a warning is show...

Warning: 'keyboardShouldPersistTaps={true}' is deprecated. Use 'keyboardShouldPersistTaps="always"' instead.

Please correct. Thanks

• Added multi select option.
• Added husky, making auto linting possible.
• Upgraded RN to the latest version.

PS: Messed up the previous PR so created a new one.

React 15.5 moved PropTypes to its own module prop-types. React-Native 0.44 deprecated View.propTypes in favor of ViewPropTypes. ScrollView property keyboardShouldPersistTaps expects "always" value instead of implied value; currently just results in a warning.

Ok, the title might not be clear, let me try to explain.

I have the modal picker with a key and label on a page. I am storing the key somewhere and when go to that same page again (to edit), I want to show the item I had stored. I know there is a initialValue, but like I mentioned I have stored the key and not the label.

So have can I compare what I have stored and set the correct label as initialValue?

Cheers,