fixing alert on ios

view/New_Register.js

@@ -59,19 +59,19 @@ class NewRegister extends React.Component {
 
         let date_list = []
         for (let i = 1; i <= 31; i++) {
-            date_list.push({label: String(i), value: i});
+            date_list.push({ label: String(i), value: i });
         }
         let month_list = []
         for (let i = 1; i <= 12; i++) {
             const month_name = month[i];
-            month_list.push({label: month_name, value: i});
+            month_list.push({ label: month_name, value: i });
         }
         let year_list = []
         let current_year = new Date().getFullYear();
         let start_year = current_year - 65;
         let end_year = current_year - 13;
         for (let i = start_year; i <= end_year; i++) {
-            year_list.push({label: String(i), value: i});
+            year_list.push({ label: String(i), value: i });
         }
         this.setState({
             date: date_list,
@@ -91,7 +91,7 @@ class NewRegister extends React.Component {
             for (const key in list_gender) {
                 if (list_gender.hasOwnProperty(key)) {
                     const row = list_gender[key];
-                    gender_list.push({label: row, value: key})
+                    gender_list.push({ label: row, value: key })
                 }
             }
             this.setState({
@@ -245,16 +245,18 @@ class NewRegister extends React.Component {
             this.props.navigation.navigate('Email Confirmation')
 
         }).catch(error => {
-            this.setState({
-                spinner: false,
-            })
+
             // console.log(JSON.stringify(error.response));
             let response = error.response.data;
             Alert.alert(
                 '',
                 response.msg,
                 [
-                    { text: 'OK' }
+                    {
+                        text: 'OK', onPress: () => this.setState({
+                            spinner: false,
+                        })
+                    }
                 ]
             )
         })
@@ -351,21 +353,21 @@ class NewRegister extends React.Component {
                                         <RNPickerSelect onValueChange={(value) => this.setState({ dob_day: value })}
                                             items={this.state.date}
                                             placeholder={{ label: '-- Select --' }}
-                                            style={{inputIOSContainer: {paddingVertical: 10, alignItems: 'center'}}}
+                                            style={{ inputIOSContainer: { paddingVertical: 10, alignItems: 'center' } }}
                                         />
                                     </View>
                                     <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
                                         <RNPickerSelect onValueChange={(value) => this.setState({ dob_month: value })}
                                             items={this.state.month}
                                             placeholder={{ label: '-- Select --' }}
-                                            style={{inputIOSContainer: {paddingVertical: 10, alignItems: 'center'}}}
+                                            style={{ inputIOSContainer: { paddingVertical: 10, alignItems: 'center' } }}
                                         />
                                     </View>
                                     <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center', marginRight: 10 }}>
                                         <RNPickerSelect onValueChange={(value) => this.setState({ dob_year: value })}
                                             items={this.state.year}
                                             placeholder={{ label: '-- Select --' }}
-                                            style={{inputIOSContainer: {paddingVertical: 10, alignItems: 'center'}}}
+                                            style={{ inputIOSContainer: { paddingVertical: 10, alignItems: 'center' } }}
                                         />
                                     </View>
                                 </View>
@@ -425,7 +427,7 @@ class NewRegister extends React.Component {
                                     <RNPickerSelect onValueChange={(value) => this.setState({ gender: value })}
                                         items={this.state.gender_list}
                                         placeholder={{ label: '-- Select --' }}
-                                        style={{inputIOSContainer: {paddingVertical: 10, alignItems: 'center'}}}
+                                        style={{ inputIOSContainer: { paddingVertical: 10, alignItems: 'center' } }}
                                     />
                                 </View>
                             ) : (
@@ -453,8 +455,8 @@ class NewRegister extends React.Component {
                                 <Text style={{ color: '#CFB368' }}>SIGN IN</Text>
                             </View>
                         </TouchableOpacity>
-                        <View style={{flex : 1}}>
-                            <Image source={require('../assets/images/file-register.png')} resizeMethod='resize'  resizeMode='contain' style={{height:300, width:'100%'}}></Image>
+                        <View style={{ flex: 1 }}>
+                            <Image source={require('../assets/images/file-register.png')} resizeMethod='resize' resizeMode='contain' style={{ height: 300, width: '100%' }}></Image>
                         </View>
                     </View>
                 </ScrollView>
@@ -519,7 +521,7 @@ const styles = StyleSheet.create({
         fontSize: 26,
         fontWeight: 'bold',
         color: 'white',
-        fontFamily : 'Gotham-Black'
+        fontFamily: 'Gotham-Black'
     },
     textInput: {
         height: 40,