From a757223b73167ccc1674846597f8c96d53450f04 Mon Sep 17 00:00:00 2001 From: Marcelo Pecin Date: Mon, 28 Nov 2022 21:22:37 +0100 Subject: [PATCH] style(login): Refinamento na pagina de login Dark Mode --- README.md | 50 ++++++++++++++++++++++------------ ios/Podfile.lock | 6 ---- lib/src/ui/pages/login.dart | 2 +- lib/src/ui/pages/register.dart | 33 +++++++++++++++------- 4 files changed, 57 insertions(+), 34 deletions(-) diff --git a/README.md b/README.md index c5968e9..18f2df6 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,25 @@ [![Android APK](https://github.com/avuenja/tabnews-app/actions/workflows/android.yml/badge.svg)](https://github.com/avuenja/tabnews-app/actions/workflows/android.yml) -Aplicativo TabNews feito com muito ♥️ e Flutter, pela comunidade para o site [TabNews](https://www.tabnews.com.br). +Aplicativo TabNews feito com muito ♥️ e Flutter pela comunidade, para o site [TabNews](https://www.tabnews.com.br). + +## Features: + +- [x] Dark mode +- [x] Leitura de conteúdos +- [x] Pull To Refresh +- [x] Infite Scroll +- [x] Visualização de Comentários das publicações +- [x] Login do usuário +- [x] Meus conteúdos +- [x] Gerencimaneto de conta +- [x] Criação de conta pelo App +- [ ] Resposta dos conteúdos +- [x] Postagens de conteúdos +- [x] Visualização do perfil de outros usuários +- [x] Favoritos (local database) +- [ ] Opção ler mais tarde (local database) +- [ ] Buscar conteúdos (?) ## Instalar e rodar o projeto @@ -32,23 +50,21 @@ Isto irá rodar o projeto no seu emulador/simulador ou dispositivo real conectad **Lembrando que as vezes é necessário abrir o emulador/simulador antes de rodar o comando de run.** -## Features: +### Buildar o projeto -- [x] Dark mode -- [x] Leitura de conteúdos -- [x] Pull To Refresh -- [x] Infite Scroll -- [x] Visualização de Comentários das publicações -- [x] Login do usuário -- [x] Meus conteúdos -- [x] Gerencimaneto de conta -- [x] Criação de conta pelo App -- [ ] Resposta dos conteúdos -- [x] Postagens de conteúdos -- [x] Visualização do perfil de outros usuários -- [ ] Favoritos (local database) -- [ ] Opção ler mais tarde (local database) -- [ ] Buscar conteúdos (?) +Para buildar o projeto, basta rodar o seguitne comando: + +**Android APK** + +``` +flutter build apk +``` + +Diretório de saída do APK: _(build/app/outputs/flutter-apk/app-release.apk)_ + +**Apple iOS** + +_Sugiro buildar diretamente pelo **Xcode**, selecionando seu dispositivo como device. E também para utilizar sem a conexão USB, é necessário buildar utilizando o mode **Profile**_ ## Showcase: diff --git a/ios/Podfile.lock b/ios/Podfile.lock index 5382cf0..9fc7c3e 100644 --- a/ios/Podfile.lock +++ b/ios/Podfile.lock @@ -1,7 +1,5 @@ PODS: - Flutter (1.0.0) - - path_provider_ios (0.0.1): - - Flutter - shared_preferences_ios (0.0.1): - Flutter - url_launcher_ios (0.0.1): @@ -9,15 +7,12 @@ PODS: DEPENDENCIES: - Flutter (from `Flutter`) - - path_provider_ios (from `.symlinks/plugins/path_provider_ios/ios`) - shared_preferences_ios (from `.symlinks/plugins/shared_preferences_ios/ios`) - url_launcher_ios (from `.symlinks/plugins/url_launcher_ios/ios`) EXTERNAL SOURCES: Flutter: :path: Flutter - path_provider_ios: - :path: ".symlinks/plugins/path_provider_ios/ios" shared_preferences_ios: :path: ".symlinks/plugins/shared_preferences_ios/ios" url_launcher_ios: @@ -25,7 +20,6 @@ EXTERNAL SOURCES: SPEC CHECKSUMS: Flutter: f04841e97a9d0b0a8025694d0796dd46242b2854 - path_provider_ios: 14f3d2fd28c4fdb42f44e0f751d12861c43cee02 shared_preferences_ios: 548a61f8053b9b8a49ac19c1ffbc8b92c50d68ad url_launcher_ios: 839c58cdb4279282219f5e248c3321761ff3c4de diff --git a/lib/src/ui/pages/login.dart b/lib/src/ui/pages/login.dart index 109a7f2..341a79b 100644 --- a/lib/src/ui/pages/login.dart +++ b/lib/src/ui/pages/login.dart @@ -25,7 +25,7 @@ class _LoginPageState extends State { child: Form( key: _formKey, child: Padding( - padding: const EdgeInsets.all(15.0), + padding: const EdgeInsets.all(30.0), child: Column( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.stretch, diff --git a/lib/src/ui/pages/register.dart b/lib/src/ui/pages/register.dart index 7a762ec..15146dd 100644 --- a/lib/src/ui/pages/register.dart +++ b/lib/src/ui/pages/register.dart @@ -2,6 +2,7 @@ import 'package:flutter/material.dart'; import 'package:provider/provider.dart'; import 'package:tabnews/src/constants.dart'; +import 'package:tabnews/src/extensions/dark_mode.dart'; import 'package:tabnews/src/providers/user.dart'; import 'package:tabnews/src/ui/widgets/top_bar.dart'; @@ -21,7 +22,7 @@ class RegisterPage extends StatelessWidget { child: Form( key: _formKey, child: Padding( - padding: const EdgeInsets.all(15.0), + padding: const EdgeInsets.all(30.0), child: Consumer( builder: (context, provider, _) => Column( mainAxisAlignment: MainAxisAlignment.center, @@ -46,11 +47,15 @@ class RegisterPage extends StatelessWidget { child: TextFormField( enableSuggestions: false, autocorrect: false, - cursorColor: AppColors.primaryColor, - decoration: const InputDecoration( + cursorColor: context.isDarkMode + ? Colors.white + : AppColors.primaryColor, + decoration: InputDecoration( focusedBorder: UnderlineInputBorder( borderSide: BorderSide( - color: AppColors.primaryColor, + color: context.isDarkMode + ? Colors.white + : AppColors.primaryColor, width: 2.0, ), ), @@ -66,11 +71,15 @@ class RegisterPage extends StatelessWidget { Expanded( child: TextFormField( keyboardType: TextInputType.emailAddress, - cursorColor: AppColors.primaryColor, - decoration: const InputDecoration( + cursorColor: context.isDarkMode + ? Colors.white + : AppColors.primaryColor, + decoration: InputDecoration( focusedBorder: UnderlineInputBorder( borderSide: BorderSide( - color: AppColors.primaryColor, + color: context.isDarkMode + ? Colors.white + : AppColors.primaryColor, width: 2.0, ), ), @@ -88,11 +97,15 @@ class RegisterPage extends StatelessWidget { enableSuggestions: false, autocorrect: false, obscureText: true, - cursorColor: AppColors.primaryColor, - decoration: const InputDecoration( + cursorColor: context.isDarkMode + ? Colors.white + : AppColors.primaryColor, + decoration: InputDecoration( focusedBorder: UnderlineInputBorder( borderSide: BorderSide( - color: AppColors.primaryColor, + color: context.isDarkMode + ? Colors.white + : AppColors.primaryColor, width: 2.0, ), ),