fix: Hide HomeLocationsPicker on back button / backdrop press

kachnitel · Dec 8, 2019 · 49517e8 · 49517e8
1 parent 2cade6a
commit 49517e8
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/components/sign_up/HomeLocationsPicker.js b/components/sign_up/HomeLocationsPicker.js
@@ -97,6 +97,8 @@ class HomeLocationsPicker extends React.Component {
         </View>
         <ModalView
           isVisible={this.state.visible}
+          onBackButtonPress={this.onCancel}
+          onBackdropPress={this.onCancel}
         >
           <LocationPicker
             style={styles.locationPicker}
@@ -138,9 +140,9 @@ class HomeLocationsPicker extends React.Component {
     }))
   }
 
-  // onCancel = () => {
-  //   this.setState({ visible: false })
-  // }
+  onCancel = () => {
+    this.setState({ visible: false })
+  }
 }
 
 const styles = StyleSheet.create({
@@ -160,7 +162,7 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     backgroundColor: '#fff2',
     borderRadius: Layout.window.hp(2.75),
-    alignItems: 'center'
+    maxWidth: '100%'
   },
   selectedItemText: {
     color: '#fff',