Mokup agenda Mês

[erick-serednicki-pernambuco]

Criar agenda para o mês: ícone de menu superior a esquerda; menu superior direito; no calendário: titulo(Mês - Ano) Retângulo do mês com os dias numerados.

abaixo do calendário colocar um gabarito com sinais coloridos para (prova, trabalho e apresentação)

[gabrielrib1]

segue o link referente a minha tela de Mokup https://www.figma.com/file/e3CFCMO6lfSMRMc3DmqChF/Untitled

[gabrielrib1]

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

export default function Agenda({ navigation }) {

const materia = [ { materia: 'Matéria:', atividade: "Evento:", dia: 'Dia:',horario:"Horário:" }, { materia: 'Algorítmo',atividade: "Prova",dia: 'terça', horario:"19:00 - 22:00" }, { materia: 'Métricas',atividade: "Trabalho",dia: 'quarta', horario:"19:00 - 22:00" }, { materia: 'Lógica',atividade: "Prova",dia: 'quarta', horario:"19:00 - 22:00" }, { materia: 'Hardware',atividade: "Prova",dia: 'sexta', horario:"19:00 - 22:00" },

];

const Atividade = ({ item }) => { return ( <View style={{ flexDirection: 'row', height: 36, borderBottomColor: 'lightgrey', borderBottomWidth: 1, alignItems: 'center', paddingHorizontal: 5 }}> <Text style={{ flex: 1 }}>{item.materia} <Text style={{ flex: 1}}>{item.professor} <Text style={{ flex: 1 }}>{item.atividade} <Text style={{ flex: 1 }}>{item.dia} <Text style={{ flex: 1 }}>{item.horario} ); } const Aula = ({ item }) => { return ( <View style={{ flexDirection: 'row', height: 56, borderBottomColor: 'lightgrey', borderBottomWidth: 1, alignItems: 'center', paddingHorizontal: 16 }}> <Text style={{ flex: 3 }}>{item.materia} <Text style={{ flex: 2}}>{item.atividade} <Text style={{ flex: 1 }}>{item.dia} ); }

return (

Agenda Semanal

</View>

); }

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

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

}, });

[gabrielrib1]

https://snack.expo.dev/@amarogab10/navega

[gabrielrib1]

commit