Skip to content
Snippets Groups Projects
Commit 1a5d063c authored by victoriastraberg's avatar victoriastraberg
Browse files

update app.js

parent b613541e
No related branches found
No related tags found
No related merge requests found
// *********************************************************
// Account registration
// Authors: Afra Farkhooy & Victoria Stråberg
// Course: TDDC73
// *********************************************************
import React from 'react';
import {StyleSheet, Text, View} from 'react-native';
import RegistrationForm from './components/RegistrationForm';
const App = () => {
return (
<View style = {styles.container}>
<RegistrationForm/>
</View>
)
import React, {Component} from 'react';
import { StyleSheet, Text, View } from 'react-native';
import Regform from './Regform';
class App extends Component {
render() {
return (
<View style={styles.container}>
<Regform />
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
backgroundColor: '#9BD2CD',
paddingLeft: 60,
paddingRight: 60,
},
container: {
flex: 1,
justifyContent: 'center',
backgroundColor: '#36485f',
paddingLeft: 60,
paddingRight: 60,
},
});
export default App;
\ No newline at end of file
export default App;
// import React, {Component} from 'react';
// import { StyleSheet, Text, View } from 'react-native';
// import Regform from './Regform';
// class App extends Component {
// return (
// <View style={styles.container}>
// <Regform />
// </View>
// );
// }
// const styles = StyleSheet.create({
// container: {
// flex: 1,
// justifyContent: 'center ',
// backgroundColor: '#36485f',
// paddingLeft: 60,
// paddingRight: 60,
// },
// });
// export default App;
// import React, { Component } from "react";
// import logo from "./assets/logo.png";
// import "./App.css";
// class App extends Component {
// handleSubmit = e => {
// e.preventDefault();
// console.log(e.target.email.value);
// if (!e.target.email.value) {
// alert("Email is required");
// } else if (!e.target.email.value) {
// alert("Valid email is required");
// } else if (!e.target.password.value) {
// alert("Password is required");
// } else if (
// e.target.email.value === "me@example.com" &&
// e.target.password.value === "123456"
// ) {
// alert("Successfully logged in");
// e.target.email.value = "";
// e.target.password.value = "";
// } else {
// alert("Wrong email or password combination");
// }
// };
// handleClick = e => {
// e.preventDefault();
// alert("Goes to registration page");
// };
// render() {
// return (
// <div className="App">
// <img src={logo} className="logo" alt="Business view - Reports" />
// <form className="form" onSubmit={this.handleSubmit}>
// <div className="input-group">
// <label htmlFor="email">Email</label>
// <input type="email" name="email" placeholder="nome@email.com.br" />
// </div>
// <div className="input-group">
// <label htmlFor="password">Senha</label>
// <input type="password" name="password" />
// </div>
// <button className="primary">ENTRAR</button>
// </form>
// <button className="secondary" onClick={this.handleClick}>
// Criar uma nova conta
// </button>
// </div>
// );
// }
// }
// export default App;
// ##############################
/**
* Sample React Native App
* https://github.com/facebook/react-native
*
* @format
* @flow strict-local
*/
// import React from 'react';
// import type {Node} from 'react';
// import {
// SafeAreaView,
// ScrollView,
// StatusBar,
// StyleSheet,
// Text,
// useColorScheme,
// View,
// } from 'react-native';
// import {
// Colors,
// DebugInstructions,
// Header,
// LearnMoreLinks,
// ReloadInstructions,
// } from 'react-native/Libraries/NewAppScreen';
// const Section = ({children, title}): Node => {
// const isDarkMode = useColorScheme() === 'dark';
// return (
// <View style={styles.sectionContainer}>
// <Text
// style={[
// styles.sectionTitle,
// {
// color: isDarkMode ? Colors.white : Colors.black,
// },
// ]}>
// {title}
// </Text>
// <Text
// style={[
// styles.sectionDescription,
// {
// color: isDarkMode ? Colors.light : Colors.dark,
// },
// ]}>
// {children}
// </Text>
// </View>
// );
// };
// const App: () => Node = () => {
// const isDarkMode = useColorScheme() === 'dark';
// const backgroundStyle = {
// backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
// };
// return (
// <SafeAreaView style={backgroundStyle}>
// <StatusBar barStyle={isDarkMode ? 'light-content' : 'dark-content'} />
// <ScrollView
// contentInsetAdjustmentBehavior="automatic"
// style={backgroundStyle}>
// <Header />
// <View
// style={{
// backgroundColor: isDarkMode ? Colors.black : Colors.white,
// }}>
// <Section title="Step One">
// Edit <Text style={styles.highlight}>App.js</Text> to change this
// screen and then come back to see your edits.
// </Section>
// <Section title="See Your Changes">
// <ReloadInstructions />
// </Section>
// <Section title="Debug">
// <DebugInstructions />
// </Section>
// <Section title="Learn More">
// Read!!!!
// </Section>
// <LearnMoreLinks />
// </View>
// </ScrollView>
// </SafeAreaView>
// );
// };
// const styles = StyleSheet.create({
// sectionContainer: {
// marginTop: 32,
// paddingHorizontal: 24,
// },
// sectionTitle: {
// fontSize: 24,
// fontWeight: '600',
// },
// sectionDescription: {
// marginTop: 8,
// fontSize: 18,
// fontWeight: '400',
// },
// highlight: {
// fontWeight: '700',
// },
// });
// export default App;
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment