Picker has been extracted from react-native core

[slavikdenis]

Warning: Picker has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/picker' instead of 'react-native'. See https://github.com/react-native-community/react-native-picker

[majugurci]

Also if you import picker from @react-native-community/picker yourself , then you get an error on app startup and the app won't start:
Invariant Violation: Tried to register two views with the same name AndroidDropdownPicker

There is a thread here: react-native-picker/picker#15

Please update your source to use community picker.

[ghost]

I do need this too.

[SanjanaTailor]

ERROR Warning: Picker has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/picker' instead of 'react-native'. See https://github.com/react-native-community/react-native-picker
RNPickerSelect@http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:124234:36

what should be workaround for this ?

[marwa-tarek]

Any updates on this issue??

[ghost]

Desperately waiting for this too here.

[raazatul7]

@akhil-geekyants @sankhadeeproy007 @SupriyaKalghatgi @shivrajkumar
Guys need you to fix this.

[slavikdenis]

Stop spamming. Either submit a PR solving this or wait for it.

[raazatul7]

Stop spamming. Either submit a PR solving this or wait for it.

is this solved?

[hexllhexll]

I have the same problem
It is not resolved yet

[Temirtator]

I have the same problem too

[GuruDev920]

I have the same problem too

[tyhour]

I also have this issue. Please fix it thanks.

[uyarhamit]

I have this problem too. I don't use picker in somewhere but I got this error.

[alexandrtovmach]

It's already solved with #3230, let's wait for a new version published

[stevecode21]

It's solved but not published on NPM.

[uyarhamit]

I think it updated. I install @react-native-community/picker package and I am not getting this error anymore.

[alexandrtovmach]

@uyarhamit nope, you're not right =) expected is to install only "native-base" and haven't error

[diogoaltoe]

Same issue here:

Warning: Picker has been extracted from react-native core and will be removed in a future release. It can now be installed and imported from '@react-native-community/picker' instead of 'react-native'. See https://github.com/react-native-community/react-native-picker
Invariant Violation: Tried to register two views with the same name AndroidDropdownPicker

And I using:
"native-base": "^2.13.14"
"react": "16.13.1"
"react-native": "0.63.3"

When will the new version of native base be published in npm with the correction of this import from Picker?

It seems that @alexandrtovmach has questioned this in another thread (#3230) some time ago, and so far they haven't responded.

[diogoaltoe]

Here is the way I found to temporarily solve the problem. It is obviously not the best way, but it was the one I found at the time.

In the files:

• node_modules/native-base/src/basic/Picker.android.js
• node_modules/native-base/src/basic/Picker.ios.js
• node_modules/native-base/src/basic/Picker.js
• node_modules/native-base/src/basic/PickerItem.js

Changed this: import { Picker } from 'react-native';
For this: import { Picker } from '@react-native-community/picker';

And since I'm not using Picker on my project and I need to release a new version urgently, I made a palliative change to the following files:

• node_modules/native-base/dist/src/basic/Picker.android.js
• node_modules/native-base/dist/src/basic/Picker.js

I commented part of the code where the "_reactNative.Picker" function was referenced and assigns the empty value ('') instead.

Using the package https://github.com/ds300/patch-package, I patched this temporary solution.

Please, if anyone has a decent solution to this problem, share it with us.

[matijagrcic]

Will be fixed with #3230

[tanmoythander]

This is a temporary fix using patch-package and @react-native-community/picker until new release appears. It works for native-base@2.13.14
Add a file named, native-base+2.13.14.patch inside the directory patches(create it if not available) and paste the contents below.

diff --git a/node_modules/native-base/dist/src/basic/Picker.android.js b/node_modules/native-base/dist/src/basic/Picker.android.js
index f0df592..56fbb11 100644
--- a/node_modules/native-base/dist/src/basic/Picker.android.js
+++ b/node_modules/native-base/dist/src/basic/Picker.android.js
@@ -1,2 +1,2 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.PickerNB=undefined;var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};var _jsxFileName='src/basic/Picker.android.js';var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();var _react=require('react');var _react2=_interopRequireDefault(_react);var _createReactClass=require('create-react-class');var _createReactClass2=_interopRequireDefault(_createReactClass);var _reactNative=require('react-native');var _nativeBaseShoutemTheme=require('native-base-shoutem-theme');var _mapPropsToStyleNames=require('../utils/mapPropsToStyleNames');var _mapPropsToStyleNames2=_interopRequireDefault(_mapPropsToStyleNames);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var PickerNB=function(_Component){_inherits(PickerNB,_Component);function PickerNB(){_classCallCheck(this,PickerNB);return _possibleConstructorReturn(this,(PickerNB.__proto__||Object.getPrototypeOf(PickerNB)).apply(this,arguments));}_createClass(PickerNB,[{key:'render',value:function render(){var _this2=this;return _react2.default.createElement(_reactNative.Picker,_extends({ref:function ref(c){return _this2._root=c;}},this.props,{__source:{fileName:_jsxFileName,lineNumber:13}}),this.props.children);}}]);return PickerNB;}(_react.Component);exports.default=PickerNB;PickerNB.Item=(0,_createReactClass2.default)({displayName:'Item',render:function render(){return _react2.default.createElement(_reactNative.Picker.Item,_extends({},this.props,{__source:{fileName:_jsxFileName,lineNumber:23}}));}});PickerNB.propTypes=_extends({},_reactNative.Picker.propTypes);var StyledPickerNB=(0,_nativeBaseShoutemTheme.connectStyle)('NativeBase.PickerNB',{},_mapPropsToStyleNames2.default)(PickerNB);exports.PickerNB=StyledPickerNB;
+Object.defineProperty(exports,"__esModule",{value:true});exports.PickerNB=undefined;var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};var _jsxFileName='src/basic/Picker.android.js';var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();var _react=require('react');var _react2=_interopRequireDefault(_react);var _createReactClass=require('create-react-class');var _createReactClass2=_interopRequireDefault(_createReactClass);var _reactNative=require('@react-native-community/picker');var _nativeBaseShoutemTheme=require('native-base-shoutem-theme');var _mapPropsToStyleNames=require('../utils/mapPropsToStyleNames');var _mapPropsToStyleNames2=_interopRequireDefault(_mapPropsToStyleNames);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var PickerNB=function(_Component){_inherits(PickerNB,_Component);function PickerNB(){_classCallCheck(this,PickerNB);return _possibleConstructorReturn(this,(PickerNB.__proto__||Object.getPrototypeOf(PickerNB)).apply(this,arguments));}_createClass(PickerNB,[{key:'render',value:function render(){var _this2=this;return _react2.default.createElement(_reactNative.Picker,_extends({ref:function ref(c){return _this2._root=c;}},this.props,{__source:{fileName:_jsxFileName,lineNumber:13}}),this.props.children);}}]);return PickerNB;}(_react.Component);exports.default=PickerNB;PickerNB.Item=(0,_createReactClass2.default)({displayName:'Item',render:function render(){return _react2.default.createElement(_reactNative.Picker.Item,_extends({},this.props,{__source:{fileName:_jsxFileName,lineNumber:23}}));}});PickerNB.propTypes=_extends({},_reactNative.Picker.propTypes);var StyledPickerNB=(0,_nativeBaseShoutemTheme.connectStyle)('NativeBase.PickerNB',{},_mapPropsToStyleNames2.default)(PickerNB);exports.PickerNB=StyledPickerNB;
 //# sourceMappingURL=Picker.android.js.map
\ No newline at end of file
diff --git a/node_modules/native-base/dist/src/basic/Picker.android.js.map b/node_modules/native-base/dist/src/basic/Picker.android.js.map
index ce0e5b2..3f897b1 100644
--- a/node_modules/native-base/dist/src/basic/Picker.android.js.map
+++ b/node_modules/native-base/dist/src/basic/Picker.android.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../../../src/basic/Picker.android.js"],"names":["PickerNB","_root","c","props","children","Component","Item","render","propTypes","Picker","StyledPickerNB","mapPropsToStyleNames"],"mappings":"i2BAEA,4B,2CACA,oD,iEACA,yCACA,iEAEA,mE,68BAEqBA,S,yRACV,iBACP,MACE,+BAAC,mBAAD,WAAQ,IAAK,sBAAM,QAAKC,KAAL,CAAaC,CAAnB,EAAb,EAAwC,KAAKC,KAA7C,mDACG,KAAKA,KAAL,CAAWC,QADd,CADF,CAKD,C,sBAPmCC,gB,kBAAjBL,Q,CAWrBA,SAASM,IAAT,CAAgB,+BAAiB,oBAC/BC,MAD+B,kBACtB,CACP,MAAO,+BAAC,mBAAD,CAAQ,IAAR,aAAiB,KAAKJ,KAAtB,mDAAP,CACD,CAH8B,CAAjB,CAAhB,CAMAH,SAASQ,SAAT,aACKC,oBAAOD,SADZ,EAIA,GAAME,gBAAiB,yCACrB,qBADqB,CAErB,EAFqB,CAGrBC,8BAHqB,EAIrBX,QAJqB,CAAvB,C,QAM2BA,Q,CAAlBU,c","file":"Picker.android.js","sourcesContent":["/* eslint-disable react/prefer-stateless-function */\n/* eslint-disable react/prefer-es6-class */\nimport React, { Component } from 'react';\nimport createReactClass from 'create-react-class';\nimport { Picker } from 'react-native';\nimport { connectStyle } from 'native-base-shoutem-theme';\n\nimport mapPropsToStyleNames from '../utils/mapPropsToStyleNames';\n\nexport default class PickerNB extends Component {\n  render() {\n    return (\n      <Picker ref={c => (this._root = c)} {...this.props}>\n        {this.props.children}\n      </Picker>\n    );\n  }\n}\n\n// eslint-disable-next-line react/no-multi-comp\nPickerNB.Item = createReactClass({\n  render() {\n    return <Picker.Item {...this.props} />;\n  }\n});\n\nPickerNB.propTypes = {\n  ...Picker.propTypes\n};\n\nconst StyledPickerNB = connectStyle(\n  'NativeBase.PickerNB',\n  {},\n  mapPropsToStyleNames\n)(PickerNB);\n\nexport { StyledPickerNB as PickerNB };\n"]}
\ No newline at end of file
+{"version":3,"sources":["../../../src/basic/Picker.android.js"],"names":["PickerNB","_root","c","props","children","Component","Item","render","propTypes","Picker","StyledPickerNB","mapPropsToStyleNames"],"mappings":"i2BAEA,4B,2CACA,oD,iEACA,yCACA,iEAEA,mE,68BAEqBA,S,yRACV,iBACP,MACE,+BAAC,mBAAD,WAAQ,IAAK,sBAAM,QAAKC,KAAL,CAAaC,CAAnB,EAAb,EAAwC,KAAKC,KAA7C,mDACG,KAAKA,KAAL,CAAWC,QADd,CADF,CAKD,C,sBAPmCC,gB,kBAAjBL,Q,CAWrBA,SAASM,IAAT,CAAgB,+BAAiB,oBAC/BC,MAD+B,kBACtB,CACP,MAAO,+BAAC,mBAAD,CAAQ,IAAR,aAAiB,KAAKJ,KAAtB,mDAAP,CACD,CAH8B,CAAjB,CAAhB,CAMAH,SAASQ,SAAT,aACKC,oBAAOD,SADZ,EAIA,GAAME,gBAAiB,yCACrB,qBADqB,CAErB,EAFqB,CAGrBC,8BAHqB,EAIrBX,QAJqB,CAAvB,C,QAM2BA,Q,CAAlBU,c","file":"Picker.android.js","sourcesContent":["/* eslint-disable react/prefer-stateless-function */\n/* eslint-disable react/prefer-es6-class */\nimport React, { Component } from 'react';\nimport createReactClass from 'create-react-class';\nimport { Picker } from '@react-native-community/picker';\nimport { connectStyle } from 'native-base-shoutem-theme';\n\nimport mapPropsToStyleNames from '../utils/mapPropsToStyleNames';\n\nexport default class PickerNB extends Component {\n  render() {\n    return (\n      <Picker ref={c => (this._root = c)} {...this.props}>\n        {this.props.children}\n      </Picker>\n    );\n  }\n}\n\n// eslint-disable-next-line react/no-multi-comp\nPickerNB.Item = createReactClass({\n  render() {\n    return <Picker.Item {...this.props} />;\n  }\n});\n\nPickerNB.propTypes = {\n  ...Picker.propTypes\n};\n\nconst StyledPickerNB = connectStyle(\n  'NativeBase.PickerNB',\n  {},\n  mapPropsToStyleNames\n)(PickerNB);\n\nexport { StyledPickerNB as PickerNB };\n"]}
\ No newline at end of file
diff --git a/node_modules/native-base/dist/src/basic/Picker.ios.js b/node_modules/native-base/dist/src/basic/Picker.ios.js
index 6122bb7..ff5684a 100644
--- a/node_modules/native-base/dist/src/basic/Picker.ios.js
+++ b/node_modules/native-base/dist/src/basic/Picker.ios.js
@@ -1,2 +1,2 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.PickerNB=undefined;var _jsxFileName='src/basic/Picker.ios.js';var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();var _react=require('react');var _react2=_interopRequireDefault(_react);var _propTypes=require('prop-types');var _propTypes2=_interopRequireDefault(_propTypes);var _createReactClass=require('create-react-class');var _createReactClass2=_interopRequireDefault(_createReactClass);var _reactNative=require('react-native');var _nativeBaseShoutemTheme=require('native-base-shoutem-theme');var _lodash=require('lodash');var _computeProps=require('../utils/computeProps');var _computeProps2=_interopRequireDefault(_computeProps);var _mapPropsToStyleNames=require('../utils/mapPropsToStyleNames');var _mapPropsToStyleNames2=_interopRequireDefault(_mapPropsToStyleNames);var _Text=require('./Text');var _Radio=require('./Radio');var _Container=require('./Container');var _Content=require('./Content');var _ListItem=require('./ListItem');var _Button=require('./Button');var _Header=require('./Header');var _Title=require('./Title');var _Left=require('./Left');var _Right=require('./Right');var _Body=require('./Body');function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var PickerNB=function(_Component){_inherits(PickerNB,_Component);function PickerNB(props){_classCallCheck(this,PickerNB);var _this=_possibleConstructorReturn(this,(PickerNB.__proto__||Object.getPrototypeOf(PickerNB)).call(this,props));_this.getInitialStyle=function(){return{picker:{},pickerItem:{}};};_this.getChildren=function(children){if(children&&!Array.isArray(children)){return[].concat(children);}var appliedChildren=[].concat.apply([],children);return appliedChildren;};_this.state={modalVisible:false,currentLabel:_this.getLabel(props),dataSource:_this.getChildren(props.children)};return _this;}_createClass(PickerNB,[{key:'getLabel',value:function getLabel(props){var children=this.getChildren(props.children);var item=(0,_lodash.find)(children,function(child){return child.props.value===props.selectedValue;});return(0,_lodash.get)(item,'props.label');}},{key:'getSelectedItem',value:function getSelectedItem(){var _this2=this;return(0,_lodash.find)(this.props.children,function(child){return child.props.value===_this2.props.selectedValue;});}},{key:'prepareRootProps',value:function prepareRootProps(){var defaultProps={style:this.getInitialStyle().picker,itemStyle:this.getInitialStyle().pickerItem};return(0,_computeProps2.default)(this.props,defaultProps);}},{key:'_setModalVisible',value:function _setModalVisible(visible){this.setState({modalVisible:visible});}},{key:'renderIcon',value:function renderIcon(){return _react2.default.cloneElement(this.props.iosIcon,{style:[{fontSize:22,lineHeight:26},_extends({},this.props.iosIcon.props.style)]});}},{key:'renderButton',value:function renderButton(){var _this3=this;var onPress=function onPress(){if(_this3.props.enabled!==undefined&&!_this3.props.enabled)return;_this3._setModalVisible(true);};var text=this.state.currentLabel?this.state.currentLabel:this.props.placeholder;if(this.props.renderButton){return this.props.renderButton({onPress:onPress,text:text,picker:this,selectedItem:this.getSelectedItem()});}return _react2.default.createElement(_Button.Button,{style:this.props.style,dark:true,picker:true,transparent:true,onPress:onPress,__source:{fileName:_jsxFileName,lineNumber:112}},this.state.currentLabel?_react2.default.createElement(_Text.Text,{style:[this.props.textStyle],note:this.props.note,numberOfLines:1,ellipsizeMode:'tail',__source:{fileName:_jsxFileName,lineNumber:120}},this.state.currentLabel):_react2.default.createElement(_Text.Text,{style:[this.props.textStyle,this.props.placeholderStyle],note:this.props.note!==false,numberOfLines:1,ellipsizeMode:'tail',__source:{fileName:_jsxFileName,lineNumber:129}},this.props.placeholder),this.props.iosIcon===undefined?null:this.renderIcon());}},{key:'renderHeader',value:function renderHeader(){var _this4=this;return this.props.renderHeader?this.props.renderHeader(function(){return _this4._setModalVisible(false);}):_react2.default.createElement(_Header.Header,{style:this.props.headerStyle,__source:{fileName:_jsxFileName,lineNumber:147}},_react2.default.createElement(_Left.Left,{__source:{fileName:_jsxFileName,lineNumber:148}},_react2.default.createElement(_Button.Button,{style:_extends({shadowOffset:null,shadowColor:null,shadowRadius:null,shadowOpacity:null,marginLeft:3},this.props.headerBackButtonStyle),transparent:true,onPress:function onPress(){_this4._setModalVisible(false);},__source:{fileName:_jsxFileName,lineNumber:149}},_react2.default.createElement(_Text.Text,{style:this.props.headerBackButtonTextStyle,__source:{fileName:_jsxFileName,lineNumber:163}},this.props.headerBackButtonText||'Back'))),_react2.default.createElement(_Body.Body,{__source:{fileName:_jsxFileName,lineNumber:168}},_react2.default.createElement(_Title.Title,{style:this.props.headerTitleStyle,__source:{fileName:_jsxFileName,lineNumber:169}},this.props.iosHeader||'Select One')),_react2.default.createElement(_Right.Right,{__source:{fileName:_jsxFileName,lineNumber:173}}));}},{key:'UNSAFE_componentWillReceiveProps',value:function UNSAFE_componentWillReceiveProps(nextProps){var currentLabel=this.state.currentLabel;var nextLabel=this.getLabel(nextProps);var currentDS=this.state.dataSource;var nextDS=this.getChildren(nextProps.children);if(currentLabel!==nextLabel){this.setState({currentLabel:nextLabel});}if(currentDS!==nextDS){this.setState({dataSource:nextDS});}}},{key:'render',value:function render(){var _this5=this;return _react2.default.createElement(_reactNative.View,{ref:function ref(c){return _this5._root=c;},__source:{fileName:_jsxFileName,lineNumber:199}},this.renderButton(),_react2.default.createElement(_reactNative.Modal,{supportedOrientations:['portrait','landscape'],animationType:'slide',transparent:false,visible:this.state.modalVisible,onRequestClose:function onRequestClose(){_this5._setModalVisible(false);},__source:{fileName:_jsxFileName,lineNumber:201}},_react2.default.createElement(_Container.Container,{style:this.props.modalStyle,__source:{fileName:_jsxFileName,lineNumber:211}},this.renderHeader(),_react2.default.createElement(_Content.Content,{__source:{fileName:_jsxFileName,lineNumber:213}},_react2.default.createElement(_reactNative.FlatList,{testID:this.props.testID,data:this.state.dataSource,keyExtractor:function keyExtractor(item,index){return String(index);},renderItem:function renderItem(_ref){var item=_ref.item;return _react2.default.createElement(_ListItem.ListItem,{selected:item.props.value===_this5.props.selectedValue,button:true,style:_this5.props.itemStyle,onPress:function onPress(){_this5._setModalVisible(false);_this5.props.onValueChange(item.props.value,item.key);_this5.setState({current:item.props.label});},__source:{fileName:_jsxFileName,lineNumber:219}},_react2.default.createElement(_Left.Left,{__source:{fileName:_jsxFileName,lineNumber:229}},_react2.default.createElement(_Text.Text,{style:_this5.props.itemTextStyle,__source:{fileName:_jsxFileName,lineNumber:230}},item.props.label)),_react2.default.createElement(_Right.Right,{__source:{fileName:_jsxFileName,lineNumber:234}},item.props.value===_this5.props.selectedValue?_react2.default.createElement(_Radio.Radio,{selected:true,__source:{fileName:_jsxFileName,lineNumber:236}}):_react2.default.createElement(_Radio.Radio,{selected:false,__source:{fileName:_jsxFileName,lineNumber:238}})));},__source:{fileName:_jsxFileName,lineNumber:214}})))));}}]);return PickerNB;}(_react.Component);PickerNB.Item=(0,_createReactClass2.default)({displayName:'Item',render:function render(){return _react2.default.createElement(_reactNative.Picker.Item,_extends({},this.props(),{__source:{fileName:_jsxFileName,lineNumber:255}}));}});PickerNB.propTypes=_extends({},_reactNative.ViewPropTypes,{renderButton:_propTypes2.default.func});var StyledPickerNB=(0,_nativeBaseShoutemTheme.connectStyle)('NativeBase.PickerNB',{},_mapPropsToStyleNames2.default)(PickerNB);exports.PickerNB=StyledPickerNB;
+Object.defineProperty(exports,"__esModule",{value:true});exports.PickerNB=undefined;var _jsxFileName='src/basic/Picker.ios.js';var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();var _react=require('react');var _react2=_interopRequireDefault(_react);var _propTypes=require('prop-types');var _propTypes2=_interopRequireDefault(_propTypes);var _createReactClass=require('create-react-class');var _createReactClass2=_interopRequireDefault(_createReactClass);var _reactNative=require('react-native');var _reactNativeC=require('@react-native-community/picker');var _nativeBaseShoutemTheme=require('native-base-shoutem-theme');var _lodash=require('lodash');var _computeProps=require('../utils/computeProps');var _computeProps2=_interopRequireDefault(_computeProps);var _mapPropsToStyleNames=require('../utils/mapPropsToStyleNames');var _mapPropsToStyleNames2=_interopRequireDefault(_mapPropsToStyleNames);var _Text=require('./Text');var _Radio=require('./Radio');var _Container=require('./Container');var _Content=require('./Content');var _ListItem=require('./ListItem');var _Button=require('./Button');var _Header=require('./Header');var _Title=require('./Title');var _Left=require('./Left');var _Right=require('./Right');var _Body=require('./Body');function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var PickerNB=function(_Component){_inherits(PickerNB,_Component);function PickerNB(props){_classCallCheck(this,PickerNB);var _this=_possibleConstructorReturn(this,(PickerNB.__proto__||Object.getPrototypeOf(PickerNB)).call(this,props));_this.getInitialStyle=function(){return{picker:{},pickerItem:{}};};_this.getChildren=function(children){if(children&&!Array.isArray(children)){return[].concat(children);}var appliedChildren=[].concat.apply([],children);return appliedChildren;};_this.state={modalVisible:false,currentLabel:_this.getLabel(props),dataSource:_this.getChildren(props.children)};return _this;}_createClass(PickerNB,[{key:'getLabel',value:function getLabel(props){var children=this.getChildren(props.children);var item=(0,_lodash.find)(children,function(child){return child.props.value===props.selectedValue;});return(0,_lodash.get)(item,'props.label');}},{key:'getSelectedItem',value:function getSelectedItem(){var _this2=this;return(0,_lodash.find)(this.props.children,function(child){return child.props.value===_this2.props.selectedValue;});}},{key:'prepareRootProps',value:function prepareRootProps(){var defaultProps={style:this.getInitialStyle().picker,itemStyle:this.getInitialStyle().pickerItem};return(0,_computeProps2.default)(this.props,defaultProps);}},{key:'_setModalVisible',value:function _setModalVisible(visible){this.setState({modalVisible:visible});}},{key:'renderIcon',value:function renderIcon(){return _react2.default.cloneElement(this.props.iosIcon,{style:[{fontSize:22,lineHeight:26},_extends({},this.props.iosIcon.props.style)]});}},{key:'renderButton',value:function renderButton(){var _this3=this;var onPress=function onPress(){if(_this3.props.enabled!==undefined&&!_this3.props.enabled)return;_this3._setModalVisible(true);};var text=this.state.currentLabel?this.state.currentLabel:this.props.placeholder;if(this.props.renderButton){return this.props.renderButton({onPress:onPress,text:text,picker:this,selectedItem:this.getSelectedItem()});}return _react2.default.createElement(_Button.Button,{style:this.props.style,dark:true,picker:true,transparent:true,onPress:onPress,__source:{fileName:_jsxFileName,lineNumber:112}},this.state.currentLabel?_react2.default.createElement(_Text.Text,{style:[this.props.textStyle],note:this.props.note,numberOfLines:1,ellipsizeMode:'tail',__source:{fileName:_jsxFileName,lineNumber:120}},this.state.currentLabel):_react2.default.createElement(_Text.Text,{style:[this.props.textStyle,this.props.placeholderStyle],note:this.props.note!==false,numberOfLines:1,ellipsizeMode:'tail',__source:{fileName:_jsxFileName,lineNumber:129}},this.props.placeholder),this.props.iosIcon===undefined?null:this.renderIcon());}},{key:'renderHeader',value:function renderHeader(){var _this4=this;return this.props.renderHeader?this.props.renderHeader(function(){return _this4._setModalVisible(false);}):_react2.default.createElement(_Header.Header,{style:this.props.headerStyle,__source:{fileName:_jsxFileName,lineNumber:147}},_react2.default.createElement(_Left.Left,{__source:{fileName:_jsxFileName,lineNumber:148}},_react2.default.createElement(_Button.Button,{style:_extends({shadowOffset:null,shadowColor:null,shadowRadius:null,shadowOpacity:null,marginLeft:3},this.props.headerBackButtonStyle),transparent:true,onPress:function onPress(){_this4._setModalVisible(false);},__source:{fileName:_jsxFileName,lineNumber:149}},_react2.default.createElement(_Text.Text,{style:this.props.headerBackButtonTextStyle,__source:{fileName:_jsxFileName,lineNumber:163}},this.props.headerBackButtonText||'Back'))),_react2.default.createElement(_Body.Body,{__source:{fileName:_jsxFileName,lineNumber:168}},_react2.default.createElement(_Title.Title,{style:this.props.headerTitleStyle,__source:{fileName:_jsxFileName,lineNumber:169}},this.props.iosHeader||'Select One')),_react2.default.createElement(_Right.Right,{__source:{fileName:_jsxFileName,lineNumber:173}}));}},{key:'UNSAFE_componentWillReceiveProps',value:function UNSAFE_componentWillReceiveProps(nextProps){var currentLabel=this.state.currentLabel;var nextLabel=this.getLabel(nextProps);var currentDS=this.state.dataSource;var nextDS=this.getChildren(nextProps.children);if(currentLabel!==nextLabel){this.setState({currentLabel:nextLabel});}if(currentDS!==nextDS){this.setState({dataSource:nextDS});}}},{key:'render',value:function render(){var _this5=this;return _react2.default.createElement(_reactNative.View,{ref:function ref(c){return _this5._root=c;},__source:{fileName:_jsxFileName,lineNumber:199}},this.renderButton(),_react2.default.createElement(_reactNative.Modal,{supportedOrientations:['portrait','landscape'],animationType:'slide',transparent:false,visible:this.state.modalVisible,onRequestClose:function onRequestClose(){_this5._setModalVisible(false);},__source:{fileName:_jsxFileName,lineNumber:201}},_react2.default.createElement(_Container.Container,{style:this.props.modalStyle,__source:{fileName:_jsxFileName,lineNumber:211}},this.renderHeader(),_react2.default.createElement(_Content.Content,{__source:{fileName:_jsxFileName,lineNumber:213}},_react2.default.createElement(_reactNative.FlatList,{testID:this.props.testID,data:this.state.dataSource,keyExtractor:function keyExtractor(item,index){return String(index);},renderItem:function renderItem(_ref){var item=_ref.item;return _react2.default.createElement(_ListItem.ListItem,{selected:item.props.value===_this5.props.selectedValue,button:true,style:_this5.props.itemStyle,onPress:function onPress(){_this5._setModalVisible(false);_this5.props.onValueChange(item.props.value,item.key);_this5.setState({current:item.props.label});},__source:{fileName:_jsxFileName,lineNumber:219}},_react2.default.createElement(_Left.Left,{__source:{fileName:_jsxFileName,lineNumber:229}},_react2.default.createElement(_Text.Text,{style:_this5.props.itemTextStyle,__source:{fileName:_jsxFileName,lineNumber:230}},item.props.label)),_react2.default.createElement(_Right.Right,{__source:{fileName:_jsxFileName,lineNumber:234}},item.props.value===_this5.props.selectedValue?_react2.default.createElement(_Radio.Radio,{selected:true,__source:{fileName:_jsxFileName,lineNumber:236}}):_react2.default.createElement(_Radio.Radio,{selected:false,__source:{fileName:_jsxFileName,lineNumber:238}})));},__source:{fileName:_jsxFileName,lineNumber:214}})))));}}]);return PickerNB;}(_react.Component);PickerNB.Item=(0,_createReactClass2.default)({displayName:'Item',render:function render(){return _react2.default.createElement(_reactNativeC.Picker.Item,_extends({},this.props(),{__source:{fileName:_jsxFileName,lineNumber:255}}));}});PickerNB.propTypes=_extends({},_reactNative.ViewPropTypes,{renderButton:_propTypes2.default.func});var StyledPickerNB=(0,_nativeBaseShoutemTheme.connectStyle)('NativeBase.PickerNB',{},_mapPropsToStyleNames2.default)(PickerNB);exports.PickerNB=StyledPickerNB;
 //# sourceMappingURL=Picker.ios.js.map
\ No newline at end of file
diff --git a/node_modules/native-base/dist/src/basic/Picker.ios.js.map b/node_modules/native-base/dist/src/basic/Picker.ios.js.map
index 9922123..acc3671 100644
--- a/node_modules/native-base/dist/src/basic/Picker.ios.js.map
+++ b/node_modules/native-base/dist/src/basic/Picker.ios.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../../../src/basic/Picker.ios.js"],"names":["PickerNB","props","getInitialStyle","picker","pickerItem","getChildren","children","Array","isArray","concat","appliedChildren","apply","state","modalVisible","currentLabel","getLabel","dataSource","item","child","value","selectedValue","defaultProps","style","itemStyle","visible","setState","React","cloneElement","iosIcon","fontSize","lineHeight","onPress","enabled","undefined","_setModalVisible","text","placeholder","renderButton","selectedItem","getSelectedItem","textStyle","note","placeholderStyle","renderIcon","renderHeader","headerStyle","shadowOffset","shadowColor","shadowRadius","shadowOpacity","marginLeft","headerBackButtonStyle","headerBackButtonTextStyle","headerBackButtonText","headerTitleStyle","iosHeader","nextProps","nextLabel","currentDS","nextDS","_root","c","modalStyle","testID","index","String","onValueChange","key","current","label","itemTextStyle","Component","Item","render","propTypes","ViewPropTypes","PropTypes","func","StyledPickerNB","mapPropsToStyleNames"],"mappings":"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","file":"Picker.ios.js","sourcesContent":["/* eslint-disable react/prefer-stateless-function */\n/* eslint-disable react/prefer-es6-class */\n/* eslint-disable react/sort-comp */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport createReactClass from 'create-react-class';\nimport { FlatList, Modal, Picker, View, ViewPropTypes } from 'react-native';\nimport { connectStyle } from 'native-base-shoutem-theme';\nimport { find, get } from 'lodash';\n\nimport computeProps from '../utils/computeProps';\nimport mapPropsToStyleNames from '../utils/mapPropsToStyleNames';\n\nimport { Text } from './Text';\nimport { Radio } from './Radio';\nimport { Container } from './Container';\nimport { Content } from './Content';\nimport { ListItem } from './ListItem';\nimport { Button } from './Button';\nimport { Header } from './Header';\nimport { Title } from './Title';\nimport { Left } from './Left';\nimport { Right } from './Right';\nimport { Body } from './Body';\n\nclass PickerNB extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      modalVisible: false,\n      currentLabel: this.getLabel(props),\n      dataSource: this.getChildren(props.children)\n    };\n  }\n\n  getInitialStyle = () => {\n    return {\n      picker: {\n        // alignItems: 'flex-end'\n      },\n      pickerItem: {}\n    };\n  };\n\n  getLabel(props) {\n    const children = this.getChildren(props.children);\n    const item = find(\n      children,\n      child => child.props.value === props.selectedValue\n    );\n    return get(item, 'props.label');\n  }\n\n  getSelectedItem() {\n    return find(\n      this.props.children,\n      child => child.props.value === this.props.selectedValue\n    );\n  }\n\n  getChildren = children => {\n    if (children && !Array.isArray(children)) {\n      return [].concat(children);\n    }\n    // eslint-disable-next-line prefer-spread\n    const appliedChildren = [].concat.apply([], children);\n    return appliedChildren;\n  };\n\n  prepareRootProps() {\n    const defaultProps = {\n      style: this.getInitialStyle().picker,\n      itemStyle: this.getInitialStyle().pickerItem\n    };\n\n    return computeProps(this.props, defaultProps);\n  }\n\n  _setModalVisible(visible) {\n    this.setState({ modalVisible: visible });\n  }\n\n  renderIcon() {\n    return React.cloneElement(this.props.iosIcon, {\n      style: [\n        {\n          fontSize: 22,\n          lineHeight: 26\n        },\n        { ...this.props.iosIcon.props.style }\n      ]\n    });\n  }\n\n  renderButton() {\n    const onPress = () => {\n      if (this.props.enabled !== undefined && !this.props.enabled) return;\n      this._setModalVisible(true);\n    };\n    const text = this.state.currentLabel\n      ? this.state.currentLabel\n      : this.props.placeholder;\n    if (this.props.renderButton) {\n      return this.props.renderButton({\n        onPress,\n        text,\n        picker: this,\n        selectedItem: this.getSelectedItem()\n      });\n    }\n    return (\n      <Button\n        style={this.props.style}\n        dark\n        picker\n        transparent\n        onPress={onPress}\n      >\n        {this.state.currentLabel ? (\n          <Text\n            style={[this.props.textStyle]}\n            note={this.props.note}\n            numberOfLines={1}\n            ellipsizeMode=\"tail\"\n          >\n            {this.state.currentLabel}\n          </Text>\n        ) : (\n          <Text\n            style={[this.props.textStyle, this.props.placeholderStyle]}\n            note={this.props.note !== false}\n            numberOfLines={1}\n            ellipsizeMode=\"tail\"\n          >\n            {this.props.placeholder}\n          </Text>\n        )}\n        {this.props.iosIcon === undefined ? null : this.renderIcon()}\n      </Button>\n    );\n  }\n\n  renderHeader() {\n    return this.props.renderHeader ? (\n      this.props.renderHeader(() => this._setModalVisible(false))\n    ) : (\n      <Header style={this.props.headerStyle}>\n        <Left>\n          <Button\n            style={{\n              shadowOffset: null,\n              shadowColor: null,\n              shadowRadius: null,\n              shadowOpacity: null,\n              marginLeft: 3,\n              ...this.props.headerBackButtonStyle\n            }}\n            transparent\n            onPress={() => {\n              this._setModalVisible(false);\n            }}\n          >\n            <Text style={this.props.headerBackButtonTextStyle}>\n              {this.props.headerBackButtonText || 'Back'}\n            </Text>\n          </Button>\n        </Left>\n        <Body>\n          <Title style={this.props.headerTitleStyle}>\n            {this.props.iosHeader || 'Select One'}\n          </Title>\n        </Body>\n        <Right />\n      </Header>\n    );\n  }\n\n  // eslint-disable-next-line camelcase\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const currentLabel = this.state.currentLabel;\n    const nextLabel = this.getLabel(nextProps);\n    const currentDS = this.state.dataSource;\n    const nextDS = this.getChildren(nextProps.children);\n\n    if (currentLabel !== nextLabel) {\n      this.setState({\n        currentLabel: nextLabel\n      });\n    }\n    if (currentDS !== nextDS) {\n      this.setState({\n        dataSource: nextDS\n      });\n    }\n  }\n\n  render() {\n    return (\n      <View ref={c => (this._root = c)}>\n        {this.renderButton()}\n        <Modal\n          // supportedOrientations={this.props.supportedOrientations || null}\n          supportedOrientations={['portrait', 'landscape']}\n          animationType=\"slide\"\n          transparent={false}\n          visible={this.state.modalVisible}\n          onRequestClose={() => {\n            this._setModalVisible(false);\n          }}\n        >\n          <Container style={this.props.modalStyle}>\n            {this.renderHeader()}\n            <Content>\n              <FlatList\n                testID={this.props.testID}\n                data={this.state.dataSource}\n                keyExtractor={(item, index) => String(index)}\n                renderItem={({ item }) => (\n                  <ListItem\n                    selected={item.props.value === this.props.selectedValue}\n                    button\n                    style={this.props.itemStyle}\n                    onPress={() => {\n                      this._setModalVisible(false);\n                      this.props.onValueChange(item.props.value, item.key);\n                      this.setState({ current: item.props.label });\n                    }}\n                  >\n                    <Left>\n                      <Text style={this.props.itemTextStyle}>\n                        {item.props.label}\n                      </Text>\n                    </Left>\n                    <Right>\n                      {item.props.value === this.props.selectedValue ? (\n                        <Radio selected />\n                      ) : (\n                        <Radio selected={false} />\n                      )}\n                    </Right>\n                  </ListItem>\n                )}\n              />\n            </Content>\n          </Container>\n        </Modal>\n      </View>\n    );\n  }\n}\n\n// eslint-disable-next-line react/no-multi-comp\nPickerNB.Item = createReactClass({\n  render() {\n    return <Picker.Item {...this.props()} />;\n  }\n});\n\nPickerNB.propTypes = {\n  ...ViewPropTypes,\n  renderButton: PropTypes.func\n};\n\nconst StyledPickerNB = connectStyle(\n  'NativeBase.PickerNB',\n  {},\n  mapPropsToStyleNames\n)(PickerNB);\n\nexport { StyledPickerNB as PickerNB };\n"]}
\ No newline at end of file
+{"version":3,"sources":["../../../src/basic/Picker.ios.js"],"names":["PickerNB","props","getInitialStyle","picker","pickerItem","getChildren","children","Array","isArray","concat","appliedChildren","apply","state","modalVisible","currentLabel","getLabel","dataSource","item","child","value","selectedValue","defaultProps","style","itemStyle","visible","setState","React","cloneElement","iosIcon","fontSize","lineHeight","onPress","enabled","undefined","_setModalVisible","text","placeholder","renderButton","selectedItem","getSelectedItem","textStyle","note","placeholderStyle","renderIcon","renderHeader","headerStyle","shadowOffset","shadowColor","shadowRadius","shadowOpacity","marginLeft","headerBackButtonStyle","headerBackButtonTextStyle","headerBackButtonText","headerTitleStyle","iosHeader","nextProps","nextLabel","currentDS","nextDS","_root","c","modalStyle","testID","index","String","onValueChange","key","current","label","itemTextStyle","Component","Item","render","propTypes","ViewPropTypes","PropTypes","func","StyledPickerNB","mapPropsToStyleNames"],"mappings":"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","file":"Picker.ios.js","sourcesContent":["/* eslint-disable react/prefer-stateless-function */\n/* eslint-disable react/prefer-es6-class */\n/* eslint-disable react/sort-comp */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport createReactClass from 'create-react-class';\nimport { FlatList, Modal, View, ViewPropTypes } from 'react-native';\nimport { Picker } from '@react-native-community/picker';\nimport { connectStyle } from 'native-base-shoutem-theme';\nimport { find, get } from 'lodash';\n\nimport computeProps from '../utils/computeProps';\nimport mapPropsToStyleNames from '../utils/mapPropsToStyleNames';\n\nimport { Text } from './Text';\nimport { Radio } from './Radio';\nimport { Container } from './Container';\nimport { Content } from './Content';\nimport { ListItem } from './ListItem';\nimport { Button } from './Button';\nimport { Header } from './Header';\nimport { Title } from './Title';\nimport { Left } from './Left';\nimport { Right } from './Right';\nimport { Body } from './Body';\n\nclass PickerNB extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      modalVisible: false,\n      currentLabel: this.getLabel(props),\n      dataSource: this.getChildren(props.children)\n    };\n  }\n\n  getInitialStyle = () => {\n    return {\n      picker: {\n        // alignItems: 'flex-end'\n      },\n      pickerItem: {}\n    };\n  };\n\n  getLabel(props) {\n    const children = this.getChildren(props.children);\n    const item = find(\n      children,\n      child => child.props.value === props.selectedValue\n    );\n    return get(item, 'props.label');\n  }\n\n  getSelectedItem() {\n    return find(\n      this.props.children,\n      child => child.props.value === this.props.selectedValue\n    );\n  }\n\n  getChildren = children => {\n    if (children && !Array.isArray(children)) {\n      return [].concat(children);\n    }\n    // eslint-disable-next-line prefer-spread\n    const appliedChildren = [].concat.apply([], children);\n    return appliedChildren;\n  };\n\n  prepareRootProps() {\n    const defaultProps = {\n      style: this.getInitialStyle().picker,\n      itemStyle: this.getInitialStyle().pickerItem\n    };\n\n    return computeProps(this.props, defaultProps);\n  }\n\n  _setModalVisible(visible) {\n    this.setState({ modalVisible: visible });\n  }\n\n  renderIcon() {\n    return React.cloneElement(this.props.iosIcon, {\n      style: [\n        {\n          fontSize: 22,\n          lineHeight: 26\n        },\n        { ...this.props.iosIcon.props.style }\n      ]\n    });\n  }\n\n  renderButton() {\n    const onPress = () => {\n      if (this.props.enabled !== undefined && !this.props.enabled) return;\n      this._setModalVisible(true);\n    };\n    const text = this.state.currentLabel\n      ? this.state.currentLabel\n      : this.props.placeholder;\n    if (this.props.renderButton) {\n      return this.props.renderButton({\n        onPress,\n        text,\n        picker: this,\n        selectedItem: this.getSelectedItem()\n      });\n    }\n    return (\n      <Button\n        style={this.props.style}\n        dark\n        picker\n        transparent\n        onPress={onPress}\n      >\n        {this.state.currentLabel ? (\n          <Text\n            style={[this.props.textStyle]}\n            note={this.props.note}\n            numberOfLines={1}\n            ellipsizeMode=\"tail\"\n          >\n            {this.state.currentLabel}\n          </Text>\n        ) : (\n          <Text\n            style={[this.props.textStyle, this.props.placeholderStyle]}\n            note={this.props.note !== false}\n            numberOfLines={1}\n            ellipsizeMode=\"tail\"\n          >\n            {this.props.placeholder}\n          </Text>\n        )}\n        {this.props.iosIcon === undefined ? null : this.renderIcon()}\n      </Button>\n    );\n  }\n\n  renderHeader() {\n    return this.props.renderHeader ? (\n      this.props.renderHeader(() => this._setModalVisible(false))\n    ) : (\n      <Header style={this.props.headerStyle}>\n        <Left>\n          <Button\n            style={{\n              shadowOffset: null,\n              shadowColor: null,\n              shadowRadius: null,\n              shadowOpacity: null,\n              marginLeft: 3,\n              ...this.props.headerBackButtonStyle\n            }}\n            transparent\n            onPress={() => {\n              this._setModalVisible(false);\n            }}\n          >\n            <Text style={this.props.headerBackButtonTextStyle}>\n              {this.props.headerBackButtonText || 'Back'}\n            </Text>\n          </Button>\n        </Left>\n        <Body>\n          <Title style={this.props.headerTitleStyle}>\n            {this.props.iosHeader || 'Select One'}\n          </Title>\n        </Body>\n        <Right />\n      </Header>\n    );\n  }\n\n  // eslint-disable-next-line camelcase\n  UNSAFE_componentWillReceiveProps(nextProps) {\n    const currentLabel = this.state.currentLabel;\n    const nextLabel = this.getLabel(nextProps);\n    const currentDS = this.state.dataSource;\n    const nextDS = this.getChildren(nextProps.children);\n\n    if (currentLabel !== nextLabel) {\n      this.setState({\n        currentLabel: nextLabel\n      });\n    }\n    if (currentDS !== nextDS) {\n      this.setState({\n        dataSource: nextDS\n      });\n    }\n  }\n\n  render() {\n    return (\n      <View ref={c => (this._root = c)}>\n        {this.renderButton()}\n        <Modal\n          // supportedOrientations={this.props.supportedOrientations || null}\n          supportedOrientations={['portrait', 'landscape']}\n          animationType=\"slide\"\n          transparent={false}\n          visible={this.state.modalVisible}\n          onRequestClose={() => {\n            this._setModalVisible(false);\n          }}\n        >\n          <Container style={this.props.modalStyle}>\n            {this.renderHeader()}\n            <Content>\n              <FlatList\n                testID={this.props.testID}\n                data={this.state.dataSource}\n                keyExtractor={(item, index) => String(index)}\n                renderItem={({ item }) => (\n                  <ListItem\n                    selected={item.props.value === this.props.selectedValue}\n                    button\n                    style={this.props.itemStyle}\n                    onPress={() => {\n                      this._setModalVisible(false);\n                      this.props.onValueChange(item.props.value, item.key);\n                      this.setState({ current: item.props.label });\n                    }}\n                  >\n                    <Left>\n                      <Text style={this.props.itemTextStyle}>\n                        {item.props.label}\n                      </Text>\n                    </Left>\n                    <Right>\n                      {item.props.value === this.props.selectedValue ? (\n                        <Radio selected />\n                      ) : (\n                        <Radio selected={false} />\n                      )}\n                    </Right>\n                  </ListItem>\n                )}\n              />\n            </Content>\n          </Container>\n        </Modal>\n      </View>\n    );\n  }\n}\n\n// eslint-disable-next-line react/no-multi-comp\nPickerNB.Item = createReactClass({\n  render() {\n    return <Picker.Item {...this.props()} />;\n  }\n});\n\nPickerNB.propTypes = {\n  ...ViewPropTypes,\n  renderButton: PropTypes.func\n};\n\nconst StyledPickerNB = connectStyle(\n  'NativeBase.PickerNB',\n  {},\n  mapPropsToStyleNames\n)(PickerNB);\n\nexport { StyledPickerNB as PickerNB };\n"]}
\ No newline at end of file
diff --git a/node_modules/native-base/dist/src/basic/Picker.js b/node_modules/native-base/dist/src/basic/Picker.js
index 3c9d860..312db99 100644
--- a/node_modules/native-base/dist/src/basic/Picker.js
+++ b/node_modules/native-base/dist/src/basic/Picker.js
@@ -1,2 +1,2 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.PickerNB=undefined;var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};var _jsxFileName='src/basic/Picker.js';var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();var _react=require('react');var _react2=_interopRequireDefault(_react);var _createReactClass=require('create-react-class');var _createReactClass2=_interopRequireDefault(_createReactClass);var _reactNative=require('react-native');var _nativeBaseShoutemTheme=require('native-base-shoutem-theme');var _mapPropsToStyleNames=require('../utils/mapPropsToStyleNames');var _mapPropsToStyleNames2=_interopRequireDefault(_mapPropsToStyleNames);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var PickerNB=function(_Component){_inherits(PickerNB,_Component);function PickerNB(){_classCallCheck(this,PickerNB);return _possibleConstructorReturn(this,(PickerNB.__proto__||Object.getPrototypeOf(PickerNB)).apply(this,arguments));}_createClass(PickerNB,[{key:'render',value:function render(){var _this2=this;return _react2.default.createElement(_reactNative.Picker,_extends({ref:function ref(c){return _this2._root=c;}},this.props,{__source:{fileName:_jsxFileName,lineNumber:13}}),this.props.children);}}]);return PickerNB;}(_react.Component);exports.default=PickerNB;PickerNB.Item=(0,_createReactClass2.default)({displayName:'Item',render:function render(){return _react2.default.createElement(_reactNative.Picker.Item,_extends({},this.props,{__source:{fileName:_jsxFileName,lineNumber:23}}));}});PickerNB.propTypes=_extends({},_reactNative.Picker.propTypes);var StyledPickerNB=(0,_nativeBaseShoutemTheme.connectStyle)('NativeBase.PickerNB',{},_mapPropsToStyleNames2.default)(PickerNB);exports.PickerNB=StyledPickerNB;
+Object.defineProperty(exports,"__esModule",{value:true});exports.PickerNB=undefined;var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};var _jsxFileName='src/basic/Picker.js';var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();var _react=require('react');var _react2=_interopRequireDefault(_react);var _createReactClass=require('create-react-class');var _createReactClass2=_interopRequireDefault(_createReactClass);var _reactNative=require('@react-native-community/picker');var _nativeBaseShoutemTheme=require('native-base-shoutem-theme');var _mapPropsToStyleNames=require('../utils/mapPropsToStyleNames');var _mapPropsToStyleNames2=_interopRequireDefault(_mapPropsToStyleNames);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var PickerNB=function(_Component){_inherits(PickerNB,_Component);function PickerNB(){_classCallCheck(this,PickerNB);return _possibleConstructorReturn(this,(PickerNB.__proto__||Object.getPrototypeOf(PickerNB)).apply(this,arguments));}_createClass(PickerNB,[{key:'render',value:function render(){var _this2=this;return _react2.default.createElement(_reactNative.Picker,_extends({ref:function ref(c){return _this2._root=c;}},this.props,{__source:{fileName:_jsxFileName,lineNumber:13}}),this.props.children);}}]);return PickerNB;}(_react.Component);exports.default=PickerNB;PickerNB.Item=(0,_createReactClass2.default)({displayName:'Item',render:function render(){return _react2.default.createElement(_reactNative.Picker.Item,_extends({},this.props,{__source:{fileName:_jsxFileName,lineNumber:23}}));}});PickerNB.propTypes=_extends({},_reactNative.Picker.propTypes);var StyledPickerNB=(0,_nativeBaseShoutemTheme.connectStyle)('NativeBase.PickerNB',{},_mapPropsToStyleNames2.default)(PickerNB);exports.PickerNB=StyledPickerNB;
 //# sourceMappingURL=Picker.js.map
\ No newline at end of file
diff --git a/node_modules/native-base/dist/src/basic/Picker.js.map b/node_modules/native-base/dist/src/basic/Picker.js.map
index 0e363c1..e52fbaa 100644
--- a/node_modules/native-base/dist/src/basic/Picker.js.map
+++ b/node_modules/native-base/dist/src/basic/Picker.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../../../src/basic/Picker.js"],"names":["PickerNB","_root","c","props","children","Component","Item","render","propTypes","Picker","StyledPickerNB","mapPropsToStyleNames"],"mappings":"y1BAEA,4B,2CACA,oD,iEACA,yCACA,iEAEA,mE,68BAEqBA,S,yRACV,iBACP,MACE,+BAAC,mBAAD,WAAQ,IAAK,sBAAM,QAAKC,KAAL,CAAaC,CAAnB,EAAb,EAAwC,KAAKC,KAA7C,mDACG,KAAKA,KAAL,CAAWC,QADd,CADF,CAKD,C,sBAPmCC,gB,kBAAjBL,Q,CAWrBA,SAASM,IAAT,CAAgB,+BAAiB,oBAC/BC,MAD+B,kBACtB,CACP,MAAO,+BAAC,mBAAD,CAAQ,IAAR,aAAiB,KAAKJ,KAAtB,mDAAP,CACD,CAH8B,CAAjB,CAAhB,CAMAH,SAASQ,SAAT,aACKC,oBAAOD,SADZ,EAIA,GAAME,gBAAiB,yCACrB,qBADqB,CAErB,EAFqB,CAGrBC,8BAHqB,EAIrBX,QAJqB,CAAvB,C,QAM2BA,Q,CAAlBU,c","file":"Picker.js","sourcesContent":["/* eslint-disable react/prefer-stateless-function */\n/* eslint-disable react/prefer-es6-class */\nimport React, { Component } from 'react';\nimport createReactClass from 'create-react-class';\nimport { Picker } from 'react-native';\nimport { connectStyle } from 'native-base-shoutem-theme';\n\nimport mapPropsToStyleNames from '../utils/mapPropsToStyleNames';\n\nexport default class PickerNB extends Component {\n  render() {\n    return (\n      <Picker ref={c => (this._root = c)} {...this.props}>\n        {this.props.children}\n      </Picker>\n    );\n  }\n}\n\n// eslint-disable-next-line react/no-multi-comp\nPickerNB.Item = createReactClass({\n  render() {\n    return <Picker.Item {...this.props} />;\n  }\n});\n\nPickerNB.propTypes = {\n  ...Picker.propTypes\n};\n\nconst StyledPickerNB = connectStyle(\n  'NativeBase.PickerNB',\n  {},\n  mapPropsToStyleNames\n)(PickerNB);\n\nexport { StyledPickerNB as PickerNB };\n"]}
\ No newline at end of file
+{"version":3,"sources":["../../../src/basic/Picker.js"],"names":["PickerNB","_root","c","props","children","Component","Item","render","propTypes","Picker","StyledPickerNB","mapPropsToStyleNames"],"mappings":"y1BAEA,4B,2CACA,oD,iEACA,yCACA,iEAEA,mE,68BAEqBA,S,yRACV,iBACP,MACE,+BAAC,mBAAD,WAAQ,IAAK,sBAAM,QAAKC,KAAL,CAAaC,CAAnB,EAAb,EAAwC,KAAKC,KAA7C,mDACG,KAAKA,KAAL,CAAWC,QADd,CADF,CAKD,C,sBAPmCC,gB,kBAAjBL,Q,CAWrBA,SAASM,IAAT,CAAgB,+BAAiB,oBAC/BC,MAD+B,kBACtB,CACP,MAAO,+BAAC,mBAAD,CAAQ,IAAR,aAAiB,KAAKJ,KAAtB,mDAAP,CACD,CAH8B,CAAjB,CAAhB,CAMAH,SAASQ,SAAT,aACKC,oBAAOD,SADZ,EAIA,GAAME,gBAAiB,yCACrB,qBADqB,CAErB,EAFqB,CAGrBC,8BAHqB,EAIrBX,QAJqB,CAAvB,C,QAM2BA,Q,CAAlBU,c","file":"Picker.js","sourcesContent":["/* eslint-disable react/prefer-stateless-function */\n/* eslint-disable react/prefer-es6-class */\nimport React, { Component } from 'react';\nimport createReactClass from 'create-react-class';\nimport { Picker } from '@react-native-community/picker';\nimport { connectStyle } from 'native-base-shoutem-theme';\n\nimport mapPropsToStyleNames from '../utils/mapPropsToStyleNames';\n\nexport default class PickerNB extends Component {\n  render() {\n    return (\n      <Picker ref={c => (this._root = c)} {...this.props}>\n        {this.props.children}\n      </Picker>\n    );\n  }\n}\n\n// eslint-disable-next-line react/no-multi-comp\nPickerNB.Item = createReactClass({\n  render() {\n    return <Picker.Item {...this.props} />;\n  }\n});\n\nPickerNB.propTypes = {\n  ...Picker.propTypes\n};\n\nconst StyledPickerNB = connectStyle(\n  'NativeBase.PickerNB',\n  {},\n  mapPropsToStyleNames\n)(PickerNB);\n\nexport { StyledPickerNB as PickerNB };\n"]}
\ No newline at end of file
diff --git a/node_modules/native-base/dist/src/basic/PickerItem.js b/node_modules/native-base/dist/src/basic/PickerItem.js
index 69eef55..267f5be 100644
--- a/node_modules/native-base/dist/src/basic/PickerItem.js
+++ b/node_modules/native-base/dist/src/basic/PickerItem.js
@@ -1,2 +1,2 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.Item=undefined;var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};var _jsxFileName='src/basic/PickerItem.js';var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();var _react=require('react');var _react2=_interopRequireDefault(_react);var _reactNative=require('react-native');var _nativeBaseShoutemTheme=require('native-base-shoutem-theme');var _mapPropsToStyleNames=require('../utils/mapPropsToStyleNames');var _mapPropsToStyleNames2=_interopRequireDefault(_mapPropsToStyleNames);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var Item=function(_Component){_inherits(Item,_Component);function Item(){_classCallCheck(this,Item);return _possibleConstructorReturn(this,(Item.__proto__||Object.getPrototypeOf(Item)).apply(this,arguments));}_createClass(Item,[{key:'render',value:function render(){var _this2=this;return _react2.default.createElement(_reactNative.Picker.Item,_extends({ref:function ref(c){return _this2._root=c;}},this.props,{__source:{fileName:_jsxFileName,lineNumber:9}}));}}]);return Item;}(_react.Component);Item.propTypes=_extends({},_reactNative.Picker.Item.propTypes);var StyledItem=(0,_nativeBaseShoutemTheme.connectStyle)('NativeBase.Item',{},_mapPropsToStyleNames2.default)(Item);exports.Item=StyledItem;
+Object.defineProperty(exports,"__esModule",{value:true});exports.Item=undefined;var _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};var _jsxFileName='src/basic/PickerItem.js';var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor;};}();var _react=require('react');var _react2=_interopRequireDefault(_react);var _reactNative=require('@react-native-community/picker');var _nativeBaseShoutemTheme=require('native-base-shoutem-theme');var _mapPropsToStyleNames=require('../utils/mapPropsToStyleNames');var _mapPropsToStyleNames2=_interopRequireDefault(_mapPropsToStyleNames);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return call&&(typeof call==="object"||typeof call==="function")?call:self;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass);}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass;}var Item=function(_Component){_inherits(Item,_Component);function Item(){_classCallCheck(this,Item);return _possibleConstructorReturn(this,(Item.__proto__||Object.getPrototypeOf(Item)).apply(this,arguments));}_createClass(Item,[{key:'render',value:function render(){var _this2=this;return _react2.default.createElement(_reactNative.Picker.Item,_extends({ref:function ref(c){return _this2._root=c;}},this.props,{__source:{fileName:_jsxFileName,lineNumber:9}}));}}]);return Item;}(_react.Component);Item.propTypes=_extends({},_reactNative.Picker.Item.propTypes);var StyledItem=(0,_nativeBaseShoutemTheme.connectStyle)('NativeBase.Item',{},_mapPropsToStyleNames2.default)(Item);exports.Item=StyledItem;
 //# sourceMappingURL=PickerItem.js.map
\ No newline at end of file
diff --git a/node_modules/native-base/dist/src/basic/PickerItem.js.map b/node_modules/native-base/dist/src/basic/PickerItem.js.map
index 30c8e43..286d622 100644
--- a/node_modules/native-base/dist/src/basic/PickerItem.js.map
+++ b/node_modules/native-base/dist/src/basic/PickerItem.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../../../src/basic/PickerItem.js"],"names":["Item","_root","c","props","Component","propTypes","Picker","StyledItem","mapPropsToStyleNames"],"mappings":"y1BAAA,4B,2CACA,yCACA,iEAEA,mE,68BAEMA,K,iQACK,iBACP,MAAO,+BAAC,mBAAD,CAAQ,IAAR,WAAa,IAAK,sBAAM,QAAKC,KAAL,CAAaC,CAAnB,EAAlB,EAA6C,KAAKC,KAAlD,kDAAP,CACD,C,kBAHgBC,gB,EAMnBJ,KAAKK,SAAL,aACKC,oBAAON,IAAP,CAAYK,SADjB,EAIA,GAAME,YAAa,yCAAa,iBAAb,CAAgC,EAAhC,CAAoCC,8BAApC,EACjBR,IADiB,CAAnB,C,QAIuBA,I,CAAdO,U","file":"PickerItem.js","sourcesContent":["import React, { Component } from 'react';\nimport { Picker } from 'react-native';\nimport { connectStyle } from 'native-base-shoutem-theme';\n\nimport mapPropsToStyleNames from '../utils/mapPropsToStyleNames';\n\nclass Item extends Component {\n  render() {\n    return <Picker.Item ref={c => (this._root = c)} {...this.props} />;\n  }\n}\n\nItem.propTypes = {\n  ...Picker.Item.propTypes\n};\n\nconst StyledItem = connectStyle('NativeBase.Item', {}, mapPropsToStyleNames)(\n  Item\n);\n\nexport { StyledItem as Item };\n"]}
\ No newline at end of file
+{"version":3,"sources":["../../../src/basic/PickerItem.js"],"names":["Item","_root","c","props","Component","propTypes","Picker","StyledItem","mapPropsToStyleNames"],"mappings":"y1BAAA,4B,2CACA,yCACA,iEAEA,mE,68BAEMA,K,iQACK,iBACP,MAAO,+BAAC,mBAAD,CAAQ,IAAR,WAAa,IAAK,sBAAM,QAAKC,KAAL,CAAaC,CAAnB,EAAlB,EAA6C,KAAKC,KAAlD,kDAAP,CACD,C,kBAHgBC,gB,EAMnBJ,KAAKK,SAAL,aACKC,oBAAON,IAAP,CAAYK,SADjB,EAIA,GAAME,YAAa,yCAAa,iBAAb,CAAgC,EAAhC,CAAoCC,8BAApC,EACjBR,IADiB,CAAnB,C,QAIuBA,I,CAAdO,U","file":"PickerItem.js","sourcesContent":["import React, { Component } from 'react';\nimport { Picker } from '@react-native-community/picker';\nimport { connectStyle } from 'native-base-shoutem-theme';\n\nimport mapPropsToStyleNames from '../utils/mapPropsToStyleNames';\n\nclass Item extends Component {\n  render() {\n    return <Picker.Item ref={c => (this._root = c)} {...this.props} />;\n  }\n}\n\nItem.propTypes = {\n  ...Picker.Item.propTypes\n};\n\nconst StyledItem = connectStyle('NativeBase.Item', {}, mapPropsToStyleNames)(\n  Item\n);\n\nexport { StyledItem as Item };\n"]}
\ No newline at end of file

Add "postinstall": "patch-package" under scripts in package.json. Then install patch-package,

npm i patch-package @react-native-community/picker --save
rm -rf node_modules ios/Pods
npm install && cd ios && pod install && cd ..

Note: If you are using other version of native-base, you need to do necessary changes manually inside node_modules/native-base/dist/src/... like the patch above (just make sure the Picker is being imported from '@react-native-community/picker' instead of 'react-native'). Then follow the instruction from patch-package to generate your own patch.

[nsdub]

@tanmoythander thank you for making this fix easy to apply!

I never should have used Native Base in the first place, but until I can rip it out, your fix has allowed me to live another day. Thanks!

[spaceboom73]

Okey, i'm solved this problem by comments above, all changes have in my fork https://github.com/spaceboom73/NativeBase
Here solved problem of importing Picker and problem with requestAnimationFrame error.
If you are lazy find solutions, use my fork repository with yarn add or npm i github:spaceboom73/NativeBase
It's solution is temporary, while NativeBase not release new version

[alexandrtovmach]

@spaceboom73 Thank you, but it's overhead to use your fork in case that is already solved by #3230 and landed to master of this repo. You can simply install it directly from https://github.com/GeekyAnts/NativeBase/ instead of your fork.

[nayookyaw]

I changed react-native-community/datetimepicker version from

2.4.0 to 3.0.9

"@react-native-community/datetimepicker": "^3.0.9"

We can assume the old version will get error

[AhmedAbuelenin]

I faced this issue after upgrading my react-native project to the latest version. I solved it by updating my dependencies to the latest versions and the error disappeared.

[chenop]

@AhmedAbuelenin thank you for sharing - what dependencies have you updated?

[mikeRChambers610]

WHAT IS THE UPDATE?? so many issues with expo and react native that they just leave us hanging with breaking changes. So tired of it.