Telas de Login, cadastro disciplinas, Disciplinas cadastradas...

[euFilpeSilva]

Fazer todas as telas padronizadas e de acordo com alinhamentos efetuados nas reuniões com o time, definir paleta de cores atualizada e aplicar em todas as telas.

[euFilpeSilva]

import React from 'react'; import { Button, StyleSheet, Text, TextInput, View, Pressable } from 'react-native';

export default function Login({navigation}) { return ( <View style={styles.conteudo}>

  <View style={{
    alignItems:'center',
    width:300,
    height: 400,
    backgroundColor: 'white',
    borderRadius: 5,
    }}>

  <Text style={{
    fontSize: 25,
    fontWeight: 'bold',
    color: 'grey',
    marginTop: 80
  }}>Login</Text>

  <Text style={{ color: 'grey', paddingTop: 20, paddingRight: 185}} >Email</Text>
  <TextInput style={styles.input}
    keyboardType="email-address"
  />
  <Text style={{ color: 'grey', paddingTop: 20, paddingRight: 185}}>Senha</Text>
  <TextInput style={styles.input}
    secureTextEntry={true}
  />

  <View style={{paddingTop: 24,}}>
  <Button 
  title="Entrar" color='#6B256F' onPress={() => navigation.navigate('tela_home')}/>
  </View>
  <View>
  <Pressable onPress={() => navigation.navigate('recuperar_senha')}>
  <Text style={{fontSize: 12, color: 'blue', marginTop: 10}}> 
  Esqueceu a senha? </Text>
  </Pressable>
  </View>
  <View>
  <Pressable onPress={() => navigation.navigate('tela_cadastro')}>
  <Text style={{fontSize: 12, color: 'blue', marginTop: 10}}> 
  Cadastre-se  </Text>
  </Pressable>
  </View>
  </View>
</View>

); }

const styles = StyleSheet.create({ conteudo: { flex: 1, justifyContent: 'center', alignItems: "center", backgroundColor: '#6B256F',

}, input: { padding: 8, borderBottomWidth: 1, width: 220, borderBottomColor: 'grey',

}, });

[euFilpeSilva]

import React from 'react'; import { FlatList, Pressable, SafeAreaView, Text, View } from 'react-native'; import Icon from 'react-native-vector-icons/AntDesign';

export default function Materias({ navigation }) { const disciplinas = [ { nome: 'Projeto de interface', fone: 'Fulaninho' }, { nome: 'Arquitetura de Software', fone: 'beltraninho' }, { nome: 'Logica de programação', fone: 'jubiscreuzo' }, ]; const Contato = ({ item }) => { return ( <View style={{ flexDirection: 'row', height: 56, borderBottomColor: 'lightgrey', borderBottomWidth: 1, alignItems: 'center', paddingHorizontal: 16 }}> <Text style={{ flex: 2 }}>{item.nome} <Text style={{ flex: 1 }}>{item.fone} ); }; return ( <SafeAreaView style={{flex :1}}>

<View style={{flex :1}}>

   <View style={{
      flexDirection: 'row',
      paddingHorizontal: 16,
      backgroundColor: '#6B256F',
      height: 56,
      alignItems: 'center'
    }}>
    <View style={{
      position:"absolute", top: 15, left: 15,

 }}>
 <Pressable onPress={() => navigation.navigate('menu')}>
  <Icon name="bars"  size = {25} >

  </Icon>
 </Pressable>
</View>
      <Text
        style={{ flex: 2,
          color: 'white',
          fontSize: 24,
          paddingLeft:25,
        }}>
        Matérias
      </Text>

  </View>
  <FlatList data={disciplinas} renderItem={Contato} />
  <Pressable 
  style={{position: 'absolute', bottom: 16, right: 16,
  height: 48, width: 48, backgroundColor: 'gray', 
  borderRadius: 30, justifyContent: 'center', 
  alignItems: 'center'
  }}
  onPress={() => navigation.navigate('materias_disponiveis')}>
    <Text style={{color: 'white', fontSize: 24}}>+</Text>
  </Pressable>
</View>
</SafeAreaView>

); }

[euFilpeSilva]

import React from 'react'; import { Button, StyleSheet, Text, TextInput, View } from 'react-native';

export default function Tela_cadastro({navigation}) { return (

Cadastrar Insira Email Insira Senha Repita Senha navigation.navigate ('login')}/>

  </View>
</View>

); }

const styles = StyleSheet.create({
rotulo: { color: 'gray', paddingTop: 16 }, input: { padding: 8, borderBottomWidth: 1, borderBottomColor: 'gray', }, });