Página Perfil
Funcionalidades Principais
A página Perfil apresenta informações detalhadas sobre o usuário, incluindo dados pessoais, preferências de investimento e ações de interesse. Possui funcionalidades para modificar a foto do usuário, visualizar e alterar informações pessoais e de investimentos.
Principais Funcionalidades:
Visualização de Dados Pessoais:
- Exibe o nome, e-mail, profissão e perfil de investimento do usuário.
- Permite a modificação da foto do perfil (ainda não implementada).
Ações de Interesse:
- Mostra as ações marcadas como interesse pelo usuário.
- Possibilita a alteração dessas ações.
Alteração de Ações de Interesse:
- Permite ao usuário modificar suas escolhas de ações de interesse.
- Ao clicar em "Alterar", redireciona para a página de seleção de ações.
Navegação Rápida:
- Inclui um botão para retornar à página inicial (Home) do aplicativo.
Alterar foto de perfil
- Ao clicar na foto de perfil o usuário é levado a outra tela onde poderá atualizar sua foto de perfil do aplicativo
Componentes Utilizados
A página Perfil utiliza componentes do React Native para criar uma interface amigável e interativa. Alguns dos principais componentes incluem:
Feather e MaterialIcons:
- Ícones utilizados para representar ações e navegação.
TouchableOpacity:
- Componente que possibilita a criação de botões clicáveis.
ScrollView:
- Utilizado para criar uma área rolável para a lista de ações de interesse.
Observações
Modificação de Foto do Perfil:
- A funcionalidade para modificar a foto do perfil ainda não foi implementada.
Atualização Automática:
- A página realiza atualizações automáticas conforme necessário para garantir dados precisos.
Interatividade:
- Oferece uma experiência interativa ao clicar em botões e modificar a lista de ações de interesse.
Estilo Visual:
- Utiliza estilos visuais para proporcionar uma aparência atraente e coesa ao usuário.
Código Organizado:
- O código fonte está organizado de forma a facilitar a manutenção e extensão do aplicativo.
Exemplo de Uso
<Perfil navigation={navigation} />
Referências de Ícones:
Feather
: Ícone de usuário para a alteração de foto de perfil.MaterialIcons
: Ícone de casa para o botão de navegação de volta à página inicial.AntDesign
: Ícone de adição para adicionar novos investimentos.