diff --git a/README.md b/README.md
index 0268f1431..de00a220f 100644
--- a/README.md
+++ b/README.md
@@ -55,6 +55,10 @@ npm install native-base --save
*Install Peer Dependencies:*
The peer dependencies included from any npm packages does not automatically get installed. Your application will not depend on it explicitly.
+```js
+npm install @react-native-community/picker --save
+```
+
```js
react-native link
```
@@ -72,6 +76,10 @@ Refer this link for additional information on [Expo](https://docs.expo.io/)
```js
npm install native-base --save
```
+*Install peerDependencies:*
+```js
+npm install @react-native-community/picker --save
+```
diff --git a/dist/src/basic/Picker.android.js b/dist/src/basic/Picker.android.js
index f0df59231..c96d9edb7 100644
--- a/dist/src/basic/Picker.android.js
+++ b/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 (this._root = c)} {...this.props}>\n {this.props.children}\n \n );\n }\n}\n\n// eslint-disable-next-line react/no-multi-comp\nPickerNB.Item = createReactClass({\n render() {\n return ;\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,iEAEA,sDAEA,iEAEA,mE,68BAEqBA,S,yRACV,iBACP,MACE,+BAAC,cAAD,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,cAAD,CAAQ,IAAR,aAAiB,KAAKJ,KAAtB,mDAAP,CACD,CAH8B,CAAjB,CAAhB,CAMAH,SAASQ,SAAT,aACKC,eAAOD,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';\n\nimport { Picker } from '@react-native-community/picker';\n\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 (this._root = c)} {...this.props}>\n {this.props.children}\n \n );\n }\n}\n\n// eslint-disable-next-line react/no-multi-comp\nPickerNB.Item = createReactClass({\n render() {\n return ;\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/dist/src/basic/Picker.ios.js b/dist/src/basic/Picker.ios.js
index 6122bb783..5e2be60eb 100644
--- a/dist/src/basic/Picker.ios.js
+++ b/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 {\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 \n {this.state.currentLabel ? (\n \n {this.state.currentLabel}\n \n ) : (\n \n {this.props.placeholder}\n \n )}\n {this.props.iosIcon === undefined ? null : this.renderIcon()}\n \n );\n }\n\n renderHeader() {\n return this.props.renderHeader ? (\n this.props.renderHeader(() => this._setModalVisible(false))\n ) : (\n \n \n {\n this._setModalVisible(false);\n }}\n >\n \n {this.props.headerBackButtonText || 'Back'}\n \n \n \n \n \n {this.props.iosHeader || 'Select One'}\n \n \n \n \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 (this._root = c)}>\n {this.renderButton()}\n {\n this._setModalVisible(false);\n }}\n >\n \n {this.renderHeader()}\n \n String(index)}\n renderItem={({ item }) => (\n {\n this._setModalVisible(false);\n this.props.onValueChange(item.props.value, item.key);\n this.setState({ current: item.props.label });\n }}\n >\n \n \n {item.props.label}\n \n \n \n {item.props.value === this.props.selectedValue ? (\n \n ) : (\n \n )}\n \n \n )}\n />\n \n \n \n \n );\n }\n}\n\n// eslint-disable-next-line react/no-multi-comp\nPickerNB.Item = createReactClass({\n render() {\n return ;\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, 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 \n {this.state.currentLabel ? (\n \n {this.state.currentLabel}\n \n ) : (\n \n {this.props.placeholder}\n \n )}\n {this.props.iosIcon === undefined ? null : this.renderIcon()}\n \n );\n }\n\n renderHeader() {\n return this.props.renderHeader ? (\n this.props.renderHeader(() => this._setModalVisible(false))\n ) : (\n \n \n {\n this._setModalVisible(false);\n }}\n >\n \n {this.props.headerBackButtonText || 'Back'}\n \n \n \n \n \n {this.props.iosHeader || 'Select One'}\n \n \n \n \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 (this._root = c)}>\n {this.renderButton()}\n {\n this._setModalVisible(false);\n }}\n >\n \n {this.renderHeader()}\n \n String(index)}\n renderItem={({ item }) => (\n {\n this._setModalVisible(false);\n this.props.onValueChange(item.props.value, item.key);\n this.setState({ current: item.props.label });\n }}\n >\n \n \n {item.props.label}\n \n \n \n {item.props.value === this.props.selectedValue ? (\n \n ) : (\n \n )}\n \n \n )}\n />\n \n \n \n \n );\n }\n}\n\n// eslint-disable-next-line react/no-multi-comp\nPickerNB.Item = createReactClass({\n render() {\n return ;\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"]}
+
diff --git a/dist/src/basic/Picker.js b/dist/src/basic/Picker.js
index 3c9d860ba..717e1e403 100644
--- a/dist/src/basic/Picker.js
+++ b/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 (this._root = c)} {...this.props}>\n {this.props.children}\n \n );\n }\n}\n\n// eslint-disable-next-line react/no-multi-comp\nPickerNB.Item = createReactClass({\n render() {\n return ;\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,iEAEA,sDAEA,iEAEA,mE,68BAEqBA,S,yRACV,iBACP,MACE,+BAAC,cAAD,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,cAAD,CAAQ,IAAR,aAAiB,KAAKJ,KAAtB,mDAAP,CACD,CAH8B,CAAjB,CAAhB,CAMAH,SAASQ,SAAT,aACKC,eAAOD,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';\n\nimport { Picker } from '@react-native-community/picker';\n\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 (this._root = c)} {...this.props}>\n {this.props.children}\n \n );\n }\n}\n\n// eslint-disable-next-line react/no-multi-comp\nPickerNB.Item = createReactClass({\n render() {\n return ;\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/dist/src/basic/PickerItem.js b/dist/src/basic/PickerItem.js
index 69eef55b3..c31c30dbb 100644
--- a/dist/src/basic/PickerItem.js
+++ b/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 (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,2CAEA,sDAEA,iEAEA,mE,68BAEMA,K,iQACK,iBACP,MAAO,+BAAC,cAAD,CAAQ,IAAR,WAAa,IAAK,sBAAM,QAAKC,KAAL,CAAaC,CAAnB,EAAlB,EAA6C,KAAKC,KAAlD,mDAAP,CACD,C,kBAHgBC,gB,EAMnBJ,KAAKK,SAAL,aACKC,eAAON,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';\n\nimport { Picker } from '@react-native-community/picker';\n\nimport { connectStyle } from 'native-base-shoutem-theme';\n\nimport mapPropsToStyleNames from '../utils/mapPropsToStyleNames';\n\nclass Item extends Component {\n render() {\n return (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
diff --git a/dist/src/basic/ToastContainer.js b/dist/src/basic/ToastContainer.js
index 28fc4deeb..756ba8af1 100644
--- a/dist/src/basic/ToastContainer.js
+++ b/dist/src/basic/ToastContainer.js
@@ -1,2 +1,3 @@
Object.defineProperty(exports,"__esModule",{value:true});exports.ToastContainer=undefined;var _extends=Object.assign||function(target){for(var i=1;i=0)continue;if(!Object.prototype.hasOwnProperty.call(obj,i))continue;target[i]=obj[i];}return target;}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 POSITION={ABSOLUTE:'absolute',BOTTOM:'bottom',TOP:'top'};var ToastContainer=function(_Component){_inherits(ToastContainer,_Component);_createClass(ToastContainer,null,[{key:'show',value:function show(_ref){var config=_objectWithoutProperties(_ref,[]);this.toastInstance._root.showToast({config:config});}},{key:'hide',value:function hide(){if(this.toastInstance._root.getModalState()){this.toastInstance._root.closeToast('functionCall');}}}]);function ToastContainer(props){_classCallCheck(this,ToastContainer);var _this=_possibleConstructorReturn(this,(ToastContainer.__proto__||Object.getPrototypeOf(ToastContainer)).call(this,props));_this.closeModal=function(reason){_this.setState({modalVisible:false});var onClose=_this.state.onClose;if(onClose&&typeof onClose==='function'){onClose(reason);}};_this.state={fadeAnim:new _reactNative.Animated.Value(0),pan:new _reactNative.Animated.ValueXY({x:0,y:0}),keyboardHeight:0,isKeyboardVisible:false,modalVisible:false};_this.keyboardDidHide=_this.keyboardDidHide.bind(_this);_this.keyboardDidShow=_this.keyboardDidShow.bind(_this);_this._panResponder=_reactNative.PanResponder.create({onMoveShouldSetPanResponderCapture:function onMoveShouldSetPanResponderCapture(){return true;},onPanResponderRelease:function onPanResponderRelease(evt,_ref2){var dx=_ref2.dx;if(dx!==0){_reactNative.Animated.timing(_this.state.pan,{toValue:{x:dx,y:0},duration:100}).start(function(){return _this.closeToast('swipe');});}}});return _this;}_createClass(ToastContainer,[{key:'componentDidMount',value:function componentDidMount(){_reactNative.Keyboard.addListener('keyboardDidShow',this.keyboardDidShow);_reactNative.Keyboard.addListener('keyboardDidHide',this.keyboardDidHide);}},{key:'getToastStyle',value:function getToastStyle(){return{position:POSITION.ABSOLUTE,opacity:this.state.fadeAnim,width:'100%',elevation:9,paddingHorizontal:_reactNative.Platform.OS===_commonColor.PLATFORM.IOS?20:0,top:this.state.position===POSITION.TOP?30:undefined,bottom:this.state.position===POSITION.BOTTOM?this.getTop():undefined};}},{key:'getTop',value:function getTop(){if(_reactNative.Platform.OS===_commonColor.PLATFORM.IOS){if(this.state.isKeyboardVisible){return this.state.keyboardHeight;}return 30;}return 0;}},{key:'getButtonText',value:function getButtonText(buttonText){if(buttonText){if(buttonText.trim().length===0){return undefined;}return buttonText;}return undefined;}},{key:'getModalState',value:function getModalState(){return this.state.modalVisible;}},{key:'keyboardDidHide',value:function keyboardDidHide(){this.setState({keyboardHeight:0,isKeyboardVisible:false});}},{key:'keyboardDidShow',value:function keyboardDidShow(e){this.setState({keyboardHeight:e.endCoordinates.height,isKeyboardVisible:true});}},{key:'showToast',value:function showToast(_ref3){var config=_ref3.config;this.setState({modalVisible:true,text:config.text,buttonText:this.getButtonText(config.buttonText),type:config.type,position:config.position?config.position:POSITION.BOTTOM,supportedOrientations:config.supportedOrientations,style:config.style,buttonTextStyle:config.buttonTextStyle,buttonStyle:config.buttonStyle,textStyle:config.textStyle,onClose:config.onClose});if(this.closeTimeout){clearTimeout(this.closeTimeout);}if(config.duration!==0){var duration=config.duration>0?config.duration:1500;this.closeTimeout=setTimeout(this.closeToast.bind(this,'timeout'),duration);}_reactNative.Animated.timing(this.state.fadeAnim,{toValue:1,duration:200,useNativeDriver:false}).start();}},{key:'closeToast',value:function closeToast(reason){var _this2=this;clearTimeout(this.closeTimeout);_reactNative.Animated.timing(this.state.fadeAnim,{toValue:0,duration:200,useNativeDriver:false}).start(function(){_this2.closeModal(reason);_this2.state.pan.setValue({x:0,y:0});});}},{key:'render',value:function render(){var _this3=this;if(this.state.modalVisible){var _state$pan=this.state.pan,x=_state$pan.x,y=_state$pan.y;return _react2.default.createElement(_reactNative.Animated.View,_extends({},this._panResponder.panHandlers,{style:[this.getToastStyle(),{transform:[{translateX:x},{translateY:y}]}],__source:{fileName:_jsxFileName,lineNumber:175}}),_react2.default.createElement(_Toast.Toast,{style:[this.state.style],danger:this.state.type==='danger',success:this.state.type==='success',warning:this.state.type==='warning',__source:{fileName:_jsxFileName,lineNumber:182}},_react2.default.createElement(_Text.Text,{style:this.state.textStyle,__source:{fileName:_jsxFileName,lineNumber:188}},this.state.text),this.state.buttonText&&_react2.default.createElement(_Button.Button,{style:this.state.buttonStyle,onPress:function onPress(){return _this3.closeToast('user');},__source:{fileName:_jsxFileName,lineNumber:190}},_react2.default.createElement(_Text.Text,{style:this.state.buttonTextStyle,__source:{fileName:_jsxFileName,lineNumber:194}},this.state.buttonText))));}return null;}}]);return ToastContainer;}(_react.Component);ToastContainer.propTypes=_extends({},_reactNative.ViewPropTypes);var StyledToastContainer=(0,_nativeBaseShoutemTheme.connectStyle)('NativeBase.ToastContainer',{},_mapPropsToStyleNames2.default)(ToastContainer);exports.ToastContainer=StyledToastContainer;
+
//# sourceMappingURL=ToastContainer.js.map
\ No newline at end of file
diff --git a/dist/src/basic/ToastContainer.js.map b/dist/src/basic/ToastContainer.js.map
index 3974f66d5..10c65111d 100644
--- a/dist/src/basic/ToastContainer.js.map
+++ b/dist/src/basic/ToastContainer.js.map
@@ -1 +1,2 @@
-{"version":3,"sources":["../../../src/basic/ToastContainer.js"],"names":["POSITION","ABSOLUTE","BOTTOM","TOP","ToastContainer","config","toastInstance","_root","showToast","getModalState","closeToast","props","closeModal","reason","setState","modalVisible","onClose","state","fadeAnim","Animated","Value","pan","ValueXY","x","y","keyboardHeight","isKeyboardVisible","keyboardDidHide","bind","keyboardDidShow","_panResponder","PanResponder","create","onMoveShouldSetPanResponderCapture","onPanResponderRelease","evt","dx","timing","toValue","duration","start","Keyboard","addListener","position","opacity","width","elevation","paddingHorizontal","Platform","OS","PLATFORM","IOS","top","undefined","bottom","getTop","buttonText","trim","length","e","endCoordinates","height","text","getButtonText","type","supportedOrientations","style","buttonTextStyle","buttonStyle","textStyle","closeTimeout","clearTimeout","setTimeout","useNativeDriver","setValue","panHandlers","getToastStyle","transform","translateX","translateY","Component","propTypes","ViewPropTypes","StyledToastContainer","mapPropsToStyleNames"],"mappings":"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","file":"ToastContainer.js","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport React, { Component } from 'react';\nimport {\n Keyboard,\n Platform,\n Animated,\n ViewPropTypes,\n PanResponder\n} from 'react-native';\nimport { connectStyle } from 'native-base-shoutem-theme';\n\nimport mapPropsToStyleNames from '../utils/mapPropsToStyleNames';\nimport { PLATFORM } from '../theme/variables/commonColor';\n\nimport { Text } from './Text';\nimport { Button } from './Button';\nimport { Toast } from './Toast';\n\nconst POSITION = {\n ABSOLUTE: 'absolute',\n BOTTOM: 'bottom',\n TOP: 'top'\n};\n\nclass ToastContainer extends Component {\n static show({ ...config }) {\n this.toastInstance._root.showToast({ config });\n }\n static hide() {\n if (this.toastInstance._root.getModalState()) {\n this.toastInstance._root.closeToast('functionCall');\n }\n }\n constructor(props) {\n super(props);\n\n this.state = {\n fadeAnim: new Animated.Value(0),\n pan: new Animated.ValueXY({ x: 0, y: 0 }),\n keyboardHeight: 0,\n isKeyboardVisible: false,\n modalVisible: false\n };\n\n this.keyboardDidHide = this.keyboardDidHide.bind(this);\n this.keyboardDidShow = this.keyboardDidShow.bind(this);\n this._panResponder = PanResponder.create({\n onMoveShouldSetPanResponderCapture: () => true,\n onPanResponderRelease: (evt, { dx }) => {\n if (dx !== 0) {\n Animated.timing(this.state.pan, {\n toValue: { x: dx, y: 0 },\n duration: 100\n }).start(() => this.closeToast('swipe'));\n }\n }\n });\n }\n\n componentDidMount() {\n Keyboard.addListener('keyboardDidShow', this.keyboardDidShow);\n Keyboard.addListener('keyboardDidHide', this.keyboardDidHide);\n }\n\n getToastStyle() {\n return {\n position: POSITION.ABSOLUTE,\n opacity: this.state.fadeAnim,\n width: '100%',\n elevation: 9,\n paddingHorizontal: Platform.OS === PLATFORM.IOS ? 20 : 0,\n top: this.state.position === POSITION.TOP ? 30 : undefined,\n bottom:\n this.state.position === POSITION.BOTTOM ? this.getTop() : undefined\n };\n }\n\n getTop() {\n if (Platform.OS === PLATFORM.IOS) {\n if (this.state.isKeyboardVisible) {\n return this.state.keyboardHeight;\n }\n return 30;\n }\n return 0;\n }\n\n getButtonText(buttonText) {\n if (buttonText) {\n if (buttonText.trim().length === 0) {\n return undefined;\n }\n return buttonText;\n }\n return undefined;\n }\n getModalState() {\n return this.state.modalVisible;\n }\n\n static toastInstance;\n\n keyboardDidHide() {\n this.setState({\n keyboardHeight: 0,\n isKeyboardVisible: false\n });\n }\n\n keyboardDidShow(e) {\n this.setState({\n keyboardHeight: e.endCoordinates.height,\n isKeyboardVisible: true\n });\n }\n\n showToast({ config }) {\n this.setState({\n modalVisible: true,\n text: config.text,\n buttonText: this.getButtonText(config.buttonText),\n type: config.type,\n position: config.position ? config.position : POSITION.BOTTOM,\n supportedOrientations: config.supportedOrientations,\n style: config.style,\n buttonTextStyle: config.buttonTextStyle,\n buttonStyle: config.buttonStyle,\n textStyle: config.textStyle,\n onClose: config.onClose\n });\n // If we have a toast already open, cut off its close timeout so that it won't affect *this* toast.\n if (this.closeTimeout) {\n clearTimeout(this.closeTimeout);\n }\n // Set the toast to close after the duration.\n if (config.duration !== 0) {\n const duration = config.duration > 0 ? config.duration : 1500;\n this.closeTimeout = setTimeout(\n this.closeToast.bind(this, 'timeout'),\n duration\n );\n }\n // Fade the toast in now.\n Animated.timing(this.state.fadeAnim, {\n toValue: 1,\n duration: 200,\n useNativeDriver: false\n }).start();\n }\n closeModal = (reason) => {\n this.setState({\n modalVisible: false\n });\n const { onClose } = this.state;\n if (onClose && typeof onClose === 'function') {\n onClose(reason);\n }\n }\n closeToast(reason) {\n clearTimeout(this.closeTimeout);\n Animated.timing(this.state.fadeAnim, {\n toValue: 0,\n duration: 200,\n useNativeDriver: false\n }).start(() => {\n this.closeModal(reason);\n this.state.pan.setValue({ x: 0, y: 0 });\n });\n }\n\n render() {\n if (this.state.modalVisible) {\n const { x, y } = this.state.pan;\n return (\n \n \n {this.state.text}\n {this.state.buttonText && (\n this.closeToast('user')}\n >\n \n {this.state.buttonText}\n \n \n )}\n \n \n );\n }\n return null;\n }\n}\n\nToastContainer.propTypes = {\n ...ViewPropTypes\n};\n\nconst StyledToastContainer = connectStyle(\n 'NativeBase.ToastContainer',\n {},\n mapPropsToStyleNames\n)(ToastContainer);\n\nexport { StyledToastContainer as ToastContainer };\n"]}
\ No newline at end of file
+{"version":3,"sources":["../../../src/basic/ToastContainer.js"],"names":["POSITION","ABSOLUTE","BOTTOM","TOP","ToastContainer","config","toastInstance","_root","showToast","getModalState","closeToast","props","closeModal","reason","setState","modalVisible","onClose","state","fadeAnim","Animated","Value","pan","ValueXY","x","y","keyboardHeight","isKeyboardVisible","keyboardDidHide","bind","keyboardDidShow","_panResponder","PanResponder","create","onMoveShouldSetPanResponderCapture","onPanResponderRelease","evt","dx","timing","toValue","duration","start","Keyboard","addListener","position","opacity","width","elevation","paddingHorizontal","Platform","OS","PLATFORM","IOS","top","undefined","bottom","getTop","buttonText","trim","length","e","endCoordinates","height","text","getButtonText","type","supportedOrientations","style","buttonTextStyle","buttonStyle","textStyle","closeTimeout","clearTimeout","setTimeout","useNativeDriver","setValue","panHandlers","getToastStyle","transform","translateX","translateY","Component","propTypes","ViewPropTypes","StyledToastContainer","mapPropsToStyleNames"],"mappings":"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","file":"ToastContainer.js","sourcesContent":["/* eslint-disable class-methods-use-this */\nimport React, { Component } from 'react';\nimport {\n Keyboard,\n Platform,\n Animated,\n ViewPropTypes,\n PanResponder\n} from 'react-native';\nimport { connectStyle } from 'native-base-shoutem-theme';\n\nimport mapPropsToStyleNames from '../utils/mapPropsToStyleNames';\nimport { PLATFORM } from '../theme/variables/commonColor';\n\nimport { Text } from './Text';\nimport { Button } from './Button';\nimport { Toast } from './Toast';\n\nconst POSITION = {\n ABSOLUTE: 'absolute',\n BOTTOM: 'bottom',\n TOP: 'top'\n};\n\nclass ToastContainer extends Component {\n static show({ ...config }) {\n this.toastInstance._root.showToast({ config });\n }\n static hide() {\n if (this.toastInstance._root.getModalState()) {\n this.toastInstance._root.closeToast('functionCall');\n }\n }\n constructor(props) {\n super(props);\n\n this.state = {\n fadeAnim: new Animated.Value(0),\n pan: new Animated.ValueXY({ x: 0, y: 0 }),\n keyboardHeight: 0,\n isKeyboardVisible: false,\n modalVisible: false\n };\n\n this.keyboardDidHide = this.keyboardDidHide.bind(this);\n this.keyboardDidShow = this.keyboardDidShow.bind(this);\n this._panResponder = PanResponder.create({\n onMoveShouldSetPanResponderCapture: () => true,\n onPanResponderRelease: (evt, { dx }) => {\n if (dx !== 0) {\n Animated.timing(this.state.pan, {\n toValue: { x: dx, y: 0 },\n duration: 100\n }).start(() => this.closeToast('swipe'));\n }\n }\n });\n }\n\n componentDidMount() {\n Keyboard.addListener('keyboardDidShow', this.keyboardDidShow);\n Keyboard.addListener('keyboardDidHide', this.keyboardDidHide);\n }\n\n getToastStyle() {\n return {\n position: POSITION.ABSOLUTE,\n opacity: this.state.fadeAnim,\n width: '100%',\n elevation: 9,\n paddingHorizontal: Platform.OS === PLATFORM.IOS ? 20 : 0,\n top: this.state.position === POSITION.TOP ? 30 : undefined,\n bottom:\n this.state.position === POSITION.BOTTOM ? this.getTop() : undefined\n };\n }\n\n getTop() {\n if (Platform.OS === PLATFORM.IOS) {\n if (this.state.isKeyboardVisible) {\n return this.state.keyboardHeight;\n }\n return 30;\n }\n return 0;\n }\n\n getButtonText(buttonText) {\n if (buttonText) {\n if (buttonText.trim().length === 0) {\n return undefined;\n }\n return buttonText;\n }\n return undefined;\n }\n getModalState() {\n return this.state.modalVisible;\n }\n\n static toastInstance;\n\n keyboardDidHide() {\n this.setState({\n keyboardHeight: 0,\n isKeyboardVisible: false\n });\n }\n\n keyboardDidShow(e) {\n this.setState({\n keyboardHeight: e.endCoordinates.height,\n isKeyboardVisible: true\n });\n }\n\n showToast({ config }) {\n this.setState({\n modalVisible: true,\n text: config.text,\n buttonText: this.getButtonText(config.buttonText),\n type: config.type,\n position: config.position ? config.position : POSITION.BOTTOM,\n supportedOrientations: config.supportedOrientations,\n style: config.style,\n buttonTextStyle: config.buttonTextStyle,\n buttonStyle: config.buttonStyle,\n textStyle: config.textStyle,\n onClose: config.onClose\n });\n // If we have a toast already open, cut off its close timeout so that it won't affect *this* toast.\n if (this.closeTimeout) {\n clearTimeout(this.closeTimeout);\n }\n // Set the toast to close after the duration.\n if (config.duration !== 0) {\n const duration = config.duration > 0 ? config.duration : 1500;\n this.closeTimeout = setTimeout(\n this.closeToast.bind(this, 'timeout'),\n duration\n );\n }\n // Fade the toast in now.\n Animated.timing(this.state.fadeAnim, {\n toValue: 1,\n duration: 200,\n useNativeDriver: false\n }).start();\n }\n closeModal = (reason) => {\n this.setState({\n modalVisible: false\n });\n const { onClose } = this.state;\n if (onClose && typeof onClose === 'function') {\n onClose(reason);\n }\n }\n closeToast(reason) {\n clearTimeout(this.closeTimeout);\n Animated.timing(this.state.fadeAnim, {\n toValue: 0,\n duration: 200,\n useNativeDriver: false\n }).start(() => {\n this.closeModal(reason);\n this.state.pan.setValue({ x: 0, y: 0 });\n });\n }\n\n render() {\n if (this.state.modalVisible) {\n const { x, y } = this.state.pan;\n return (\n \n \n {this.state.text}\n {this.state.buttonText && (\n this.closeToast('user')}\n >\n \n {this.state.buttonText}\n \n \n )}\n \n \n );\n }\n return null;\n }\n}\n\nToastContainer.propTypes = {\n ...ViewPropTypes\n};\n\nconst StyledToastContainer = connectStyle(\n 'NativeBase.ToastContainer',\n {},\n mapPropsToStyleNames\n)(ToastContainer);\n\nexport { StyledToastContainer as ToastContainer };\n"]}
+
diff --git a/package.json b/package.json
index e799dfedf..1c4745c6f 100644
--- a/package.json
+++ b/package.json
@@ -50,6 +50,7 @@
"tween-functions": "^1.0.1"
},
"devDependencies": {
+ "@react-native-community/picker": "^1.6.3",
"babel-cli": "^6.18.0",
"babel-eslint": "^7.2.3",
"babel-jest": "^24.8.0",
@@ -76,6 +77,7 @@
"typings": "./index.d.ts",
"optionalDependencies": {},
"peerDependencies": {
+ "@react-native-community/picker": ">=1.6.3",
"react": ">=16.4.1",
"react-native": ">=0.56.0"
},
diff --git a/src/basic/Picker.android.js b/src/basic/Picker.android.js
index 792ffd018..381f5261d 100644
--- a/src/basic/Picker.android.js
+++ b/src/basic/Picker.android.js
@@ -2,7 +2,9 @@
/* eslint-disable react/prefer-es6-class */
import React, { Component } from 'react';
import createReactClass from 'create-react-class';
-import { Picker } from 'react-native';
+
+import { Picker } from '@react-native-community/picker';
+
import { connectStyle } from 'native-base-shoutem-theme';
import mapPropsToStyleNames from '../utils/mapPropsToStyleNames';
diff --git a/src/basic/Picker.ios.js b/src/basic/Picker.ios.js
index e235d7f3f..ed205dc06 100644
--- a/src/basic/Picker.ios.js
+++ b/src/basic/Picker.ios.js
@@ -4,7 +4,10 @@
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import createReactClass from 'create-react-class';
-import { FlatList, Modal, Picker, View, ViewPropTypes } from 'react-native';
+import { FlatList, Modal, View, ViewPropTypes } from 'react-native';
+
+import { Picker } from '@react-native-community/picker';
+
import { connectStyle } from 'native-base-shoutem-theme';
import { find, get } from 'lodash';
diff --git a/src/basic/Picker.js b/src/basic/Picker.js
index 792ffd018..381f5261d 100644
--- a/src/basic/Picker.js
+++ b/src/basic/Picker.js
@@ -2,7 +2,9 @@
/* eslint-disable react/prefer-es6-class */
import React, { Component } from 'react';
import createReactClass from 'create-react-class';
-import { Picker } from 'react-native';
+
+import { Picker } from '@react-native-community/picker';
+
import { connectStyle } from 'native-base-shoutem-theme';
import mapPropsToStyleNames from '../utils/mapPropsToStyleNames';
diff --git a/src/basic/PickerItem.js b/src/basic/PickerItem.js
index ac3a31abf..4892100d4 100644
--- a/src/basic/PickerItem.js
+++ b/src/basic/PickerItem.js
@@ -1,5 +1,7 @@
import React, { Component } from 'react';
-import { Picker } from 'react-native';
+
+import { Picker } from '@react-native-community/picker';
+
import { connectStyle } from 'native-base-shoutem-theme';
import mapPropsToStyleNames from '../utils/mapPropsToStyleNames';
diff --git a/yarn.lock b/yarn.lock
index a2cd35d4f..10295164f 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -934,6 +934,11 @@
shell-quote "1.6.1"
ws "^1.1.0"
+"@react-native-community/picker@^1.6.3":
+ version "1.6.3"
+ resolved "https://registry.yarnpkg.com/@react-native-community/picker/-/picker-1.6.3.tgz#4aed45449476b18f43008f3a790537c4a959ee34"
+ integrity sha512-8oPcwimsz14BDu0a8smuqw52uuaXgWrUKAVhv1mXMFvZq3Spt23UVH8Q0Zogi4t7WNlwx4dNXB08iUUP8ltKzg==
+
"@types/babel__core@^7.1.0":
version "7.1.2"
resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.1.2.tgz#608c74f55928033fce18b99b213c16be4b3d114f"