Executando verificação de segurança...

2 min de leitura ·

Pitch: App TabNews em Flutter

Olá pessoal, recentemente descobri este ótimo projeto, e como já desenvolvo aplicativos em Flutter há um tempo (podem ver todos aqui) resolvi criar um app para consumir o conteúdo do tabnews, e expor minha visão de como poderia ser a interface.

(Inclusive este post foi publicado por ele)

Plataformas

No momento só há versão na loja para Android, mas futuramente pretendo disponibilizar também para iOS;

Screenshots

Features

Tela inicial com lista de Favoritos, Relevantes e Recentes;
Infinite scroll;
Pull to refresh;
Login;
Cadastro;
Perfil;
Configurações;
Visualizar publicações;
Visualizar comentários;
Visualizar perfis;
Comentar na publicação;
Comentar comentário;
Debitar tabcoin;
Creditar tabcoin;
Criar, editar e apagar publicação;
Tema escuro;
Favoritar publicação;

TODO

Melhorar a visulização do markdown

Links

Download:
https://play.google.com/store/apps/details?id=com.adlerluiz.tabnews

Git:
https://github.com/adlerluiz/tabnews-mobile

Este app parece ter muitas features interessantes, como um tema escuro, um infinite scroll e um pull to refresh. Parece ser bem útil para quem quer ficar por dentro das principais postagens do Tabnews.

joaogabrieldealmeida

Cara, isso ficou sensacional. Fera de mais. Espero que isso contribua de maneira positiva com o TabNews.

Muito bom parabéns!
Responde pelo aplicativo!

Autor

obrigado, estou fazendo isso também 😃

Show demais, essa feature de favoritar a publicação é muito útil.

Autor

como não tem ainda no tabnews, fiz essa implementação, ajuda muito né!

A galera tá a todo vapor, mesmo. Que maneiro kkkkkk

Parabéns pelo app, cara! Não baixei ainda, mas pelas imagens parece muito bem implementado. Não duvido nada que vire oficial, daqui a pouco.

Tenta contato com eles!
Acho que vale a pena, pq ficou legal mesmo 👏

Autor

obrigado, seria uma boa né

Rapaz, eu acho que eu achei um bug. Creio que isso não deva ser o compartilhamento padrão.

https://ibb.co/PFcN964

Meu celular é um Samsung M51.

Autor

isso não é bug, ocorre pois coloquei para inverter a listagem dos favoritos, o último favorito seu vai ficar sempre no topo, e não no final... mas vou corrigir isso para ficar consistente

Maneiro, primeira vez que vejo isso ser feito dessa forma.

+1 download :) ficou muito legal, parabéns!!

Autor

obrigado =D

Ficou realmente muito bom. O visual ta bem clean..

e tem tema dark, melhor feature

Autor

obrigado, pessoal adora tema escuro kkkk

Parabéns pelo projeto! Tava procurando um app pro tabnews esses dias mesmo, até cheguei a baixar um, mas não tava funcionando.

Caraca turma voces são demais!!!

tá muito bom isso!

Parabéns pela implementação parceiro, inclusive acessei seu portfolio no google play e ja baixei até o Chaveiro Pix (excelente !!)

Autor

muito obrigado, espero que goste também do chaveiro pix

Rapaz, que baita trabalho. O app tá muito leve e fluido... Ficou muito melhor ler tabnews ~~no banheiro~~ agora!

Autor

kkkkkk obrigado

Incrivel, gostei bastante do resultado, até agora sem bugs

É possível postar na loja F-droid?

Autor

vou dar uma olhada aqui como publicar lá e posso colocar sim

EduardoTeixeira

Este comentário foi feito pelo aplicativo. Ficou muito bom! 🥳

Meu caro, que excelente iniciativa.
Baixei aqui e estou usando efetivamente (dark theme rules! ehehe)
Quero contribuir com o projeto já postando algumas coisas q reparei nesse uso lá no seu git, pode?

[]'s

Autor

obrigado! claro, só fazer um PR lá no git

No caso, issue vou colocar, pode ser?
Ainda não manjo de Flutter o suficiente para contribuir com dev do app! =)

Autor

ah sim, tranquilo, abre uma issue

Sensacional sua iniciativa cara, meus parabéns!! A comunidade agradece!

Alô Deschamps o app tá pronto, só torná-lo oficial...

Parabéns pelo trabalho, ficou muito bom!

comentário digitado pelo app

Muito bom, eu estava fazendo isso.

Essa seria a minha versão.
drawing drawing drawing drawing drawing drawing

Parabéns, a comunidade agradece.

Autor

muito bom também, parabéns!

Como podemos contribuir no seu projeto?

Autor

ele está disponível no github

https://github.com/adlerluiz/tabnews-mobile

Caramba @adlerluiz, que delicinha de app, cara. Funciona muito bem e é fenomenal a funcionalidade de favoritar. Parabéns!

A sacada do botão para compartilhar o conteúdo, poxa, que massa, cara!

Se me permite fazer algumas sugestões, acredito que ficaria melhor uma textarea ao fim da publicação, assim como é na versão web. Esse botão fixo na parte inferior da tela me incomodou um pouco. Outra coisa que acredito que seria mais confortável seria a exibição dos TabCoins e TabCashs já na home, assim o usuário não precisaria ir até o perfil para saber quanto ele tem.

No mais é isso, que projeto bacana, meus parabéns!

[EDIT]
E esse comentário foi publicado e editado pelo aplicativo. 😊👌

Autor

Muito obrigado, vou levar em consideração seu feedback e realizar alguns ajustes

Respondendo aqui pelo APP, sensacional!

brunnosxgonzalez

parabéns pela iniciativa 💥💥💥

Parabéns (enviado pelo app) 👏

Muito interessante amigo a sua implementação. Parabéns!

Parabéns pelo app, ficou bemlegal, visual bem limpo e agradável

Que massa!!! Vou usar

Muito bom o app, parabéns :) eu também trabalho com flutter vou ver se consigo ajudar

Testei em simulador de iphone e funcionou bem, avaliei na play store e fiz fork no github.

Algo que ajudaria a comunidade a conseguir contribuir seria nomear os ficheiros com o nome padrão dos widgets, por exemplo em vez de form.dart para o widget ContentFormPage, o ficheiro deveria-se chamar content_form_page.

O view.dart devia ser divido, é o widget principal da app, mas está muito grande para outros poderem contribuir. Até porque o flutter tem aquela nested identation que se adicionar um container muito acima na widget tree muda o ficheiro todo por causa da identação.

Criei este pull request a adicionar a analysis, espero que ajude https://github.com/adlerluiz/tabnews-mobile/pull/3

Autor

muito obrigado, toda ajuda é bem vinda, eu trabalho há um tempo com Flutter mas sempre foi criando app apra aprender e porquê gosto, e na empresa que trabalho sou o único que cria os apps... então não tenho conhecimento de alguns padrões e boas práticas.

vou aceitar seu PR e fazer as alterações.

Obrigado :)

Eu também trabalhei sozinho em flutter por um ano. No geral o processo numa equipa também é assim, o programador começa um widget e fica grande e com muitas linhas de código, depois à medida que outros devs vão participando no mesmo ecrã ou widget começam a dividir.

Porque em desenvolvimento a file tree não ajuda muito, depois na parte de evoluir o que já está feito é que se pode tirar partido de ter uma file tree para navegar direto para a parte em que se quer mexer

Interessante essa sua abordagem, pensei em fazer essa quebra dos widgets e separar as views.

É no projeto onde trabalho estamos a fazer tudo com widgets que tenham até 300 linhas. Reduz muito os conflitos, depois também se pode usar microfrontends para dividir fluxos de user completos.

Por exemplo ter um package de registo/login. Outro para criar post, outro para ver posts

eu estava desenvolvendo um client em flutter com essas divisões mensiondas por você, gostaria de contribuir com esses propósitos, como posso iniciar a contribuição?

Ficou bem legal o aplicativo. A identidade visual lembra bastante o site, sendo bem limpo e fácil de escanear as publicações em lista.

Autor

muito obrigado, a intenção era essa mesma, fazer se sentir como se estivesse no site 😃

Trampo incrível demais, parabéns!
Se precisar de uma força pra publicar na Apple Store conta comigo.

estou estudando flutter, caiu como uma luva esse seu app kkkk parabéns!! parece estar muito bom

Autor

flutter é uma delicinha cara kkk

muito top, bem bonita a interface

Autor

obrigado

Parabéns pelo trabalho. Bem fiel ao layout do TabNews. Inclusive este meu comentário é utilizando o aplicativo. Ficou excelente!

Autor

muito obrigado 😃

Puts, pior que eu também pensei em criar um app pra esse site mas perdi a oportunidade. Você demorou quanto tempo pra fazer em flutter?

Autor

foi bem rápido, levei cerca de 1 semana para fazer tudo, onde mais demorei foi recriando algumas telas, pois sou bem chatinho com design kkkkk

wow! Gostei da interface visual

Autor

obrigado

Vlw de mais, obrigado por disponibilizar o App, isso com certeza irá ajudar o TabNews.

muito boa a ideia cara. Com um app mobile vou conseguir entrar no tabnews com mais frequência e isso realmente vai me ajudar.
obrigado

Parabéns pela ótima idéia e execução, abriu um mundo de possibilidades aí.
Também acho que seria legal ter uma feature de pesquisa ou busca, ás vezes vejo uma parada mega interessante aqui mas acabo perdendo por esquecer de salvar.

Autor

Foi implementado isso no app, porém está ainda está em teste pois como o tabnews não tem essa funcionalidade, a pesquisa fica fazendo requisições até encontrar algo relacionado com o termo digitado e preencher a tela com os resultados. Mas isso acaba gerando muita requisição da mesma origem em um curto período e o cloudflare acaba bloqueando por alguns minutos.