Skip to content

Instantly share code, notes, and snippets.

@Usamaliaquat123
Created March 15, 2021 07:01
Show Gist options
  • Save Usamaliaquat123/0aba532337c7c9661db4d7cc428b2874 to your computer and use it in GitHub Desktop.
Save Usamaliaquat123/0aba532337c7c9661db4d7cc428b2874 to your computer and use it in GitHub Desktop.
<View>
<Text style={styles.headingContainer}>Sign up</Text>
{/* inputs container */}
<View style={styles.inputsContainer}>
{/* Email Container */}
<Text style={styles.emailTextContainer}>Email</Text>
<View style={[styles.inputContainer]}>
<TextInput
style={styles.authInputs}
value={this.state.username}
onChange={(e) => {
this.setState({username: e.nativeEvent.text});
}}
placeholder={'Enter your email'}
/>
</View>
{this.state.error && (
<Text style={{fontSize: wp(3), color: colors.error}}>
Type your valid email address
</Text>
)}
</View>
<TouchableOpacity
onPress={() => this.signup()}
style={styles.siginBtnContainer}>
<Text style={styles.signinText}>Continue</Text>
</TouchableOpacity>
{/* Or */}
<View style={styles.orContainer}>
<View style={styles.line} />
<Text style={styles.orText}>OR</Text>
<View style={styles.line} />
</View>
{/* Google Signin */}
<TouchableOpacity
onPress={() => {
this.continuewithgoogle();
}}
style={styles.siginwithGoogle}>
<View style={{width: wp(5), height: wp(5), marginRight: wp(3)}}>
<Image source={images.google} style={GlStyles.images} />
</View>
<Text style={styles.signinTextGoogle}>
Continue with Google{' '}
</Text>
</TouchableOpacity>
{/* Don't have a Acctouny */}
<Text style={styles.dontHaveAccount}>Already a member ? </Text>
<TouchableOpacity
onPress={() => this.props.navigation.navigate('Login')}
style={styles.createnewaccountContainer}>
<Text style={styles.createNewAccount}>
Sign in to your existing account!
</Text>
</TouchableOpacity>
</View>
</View>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment