fixed broken files, tested on Expo Snack, runs. Should fix errors on …

…your end.
joChazaro · Mar 8, 2021 · 6f9c96d · 6f9c96d
1 parent f3a69fb
commit 6f9c96d
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 21 deletions.
diff --git a/index.js b/index.js
@@ -3,7 +3,7 @@
  */
 
 import {AppRegistry} from 'react-native';
-import App from './app/App.js';
+import App from './App';
 import {name as appName} from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);
diff --git a/router.js b/router.js
@@ -3,10 +3,7 @@ import { Dimensions, Platform } from 'react-native';
 import { StackNavigator, TabNavigator } from 'react-navigation';
 import { Icon } from 'react-native-elements';
 
-import Bookcase from './screens/Bookcase';
-import Explore from './screens/Explore';
-import AddBook from './screens/AddBook';
-import Lists from './screens/Lists';
+
 import Profile from './screens/Profile';
 
 let screen = Dimensions.get('window');

diff --git a/screens/SignUp.js b/screens/SignUp.js
@@ -1,5 +1,6 @@
-import React, { Component } from 'react'
-import { View, Text, TouchableOpacity, TextInput, StyleSheet } from 'react-native'
+import React, { Component } from 'react';
+import { View, Text, TouchableOpacity, TextInput, StyleSheet } from 'react-native';
+import { Menu, MenuProvider, MenuOptions, MenuOption, MenuTrigger} from 'react-native-popup-menu';
 
 class SignUp extends Component {
    state = {
@@ -23,8 +24,8 @@ class SignUp extends Component {
                underlineColorAndroid = "transparent"
                placeholder = " First Name"
                placeholderTextColor = "#9a73ef"
-               onFocus="this.placeholder = ''"
-               onBlur = "'First Name'"
+               //onFocus="this.placeholder = ' '"
+               //onBlur = "'First Name'"
                autoCapitalize = "Words"
                onChangeText = {this.handleFirstName}/>
 
@@ -41,21 +42,14 @@ class SignUp extends Component {
                placeholderTextColor = "#9a73ef"
                autoCapitalize = "none"
                onChangeText = {this.DateofBirth}/>  
-
-            <TextInput style = {styles.input}
-               underlineColorAndroid = "transparent"
-               placeholder = " Gender"
-               placeholderTextColor = "#9a73ef"
-               autoCapitalize = "none"
-               onChangeText = {this.handleGender}/>
 
             <TextInput style = {styles.input}
                underlineColorAndroid = "transparent"
                placeholder = " Username"
                placeholderTextColor = "#9a73ef"
                autoCapitalize = "none"
-               onChangeText = {this.handleUsername}/>   
-            
+               onChangeText = {this.handleUsername}/>  
+
             <TextInput style = {styles.input}
                underlineColorAndroid = "transparent"
                placeholder = " Email"
@@ -70,29 +64,52 @@ class SignUp extends Component {
                autoCapitalize = "none"
                onChangeText = {this.handlePassword}/>
 
+            <MenuProvider>
+               <Menu>
+                  <MenuTrigger>
+                     <Text style={styles.input}>Gender</Text>
+                  </MenuTrigger>
+
+               <MenuOptions>
+                  <MenuOption value={"Male"}>
+                     <Text style={styles.menuContent}>Male</Text>
+                  </MenuOption>
+                  <MenuOption value={"Female"}>
+                     <Text style={styles.menuContent}>Female</Text>
+                  </MenuOption>
+               </MenuOptions>
+               </Menu>
+            </MenuProvider>
+
             <TouchableOpacity
                style = {styles.submitButton}
                onPress = {
                   () => this.login(this.state.email, this.state.password)
                }>
                <Text style = {styles.submitButtonText}> Submit </Text>
             </TouchableOpacity>
+
          </View>
+
       )
    }
 }
 export default SignUp
 
 const styles = StyleSheet.create({
    container: {
-      paddingTop: 60
+      backgroundColor:'turquoise',
+      alignItems:'center',
+      paddingTop: 23,
+      fontSize: 32 
    },
    input: {
      paddingTop: 10,
       margin: 15,
       height: 40,
       borderColor: '#7a42f4',
-      borderWidth: 2
+      borderWidth: 2,
+
    },
    submitButton: {
       backgroundColor: '#7a42f4',
@@ -105,4 +122,9 @@ const styles = StyleSheet.create({
    submitButtonText:{
       color: 'white'
    }
-})
+
+})
+const menuProviderStyles = {
+  menuProviderWrapper: styles.container,
+  backdrop: styles.backdrop,
+};