Como criar um aplicativo que funciona OFFLINE com FLUTTERFLOW

da a criar um aplicativo offline incrível com este tutorial passo a passo! Neste vídeo, vou mostrar como desenvolver um aplicativo de lista de mercado usando FlutterFlow, uma plataforma "low code" para o desenvolvimento visual de aplicativos. Com esse aplicativo, você poderá armazenar suas informações localmente no dispositivo, permitindo que ele funcione sem a necessidade de conexão com a internet, seja Wi-Fi ou dados móveis.

Desenvolver um aplicativo offline é uma ótima maneira de garantir que seus usuários tenham acesso às funcionalidades essenciais mesmo em locais onde a conectividade é limitada. Com o FlutterFlow, você pode criar um aplicativo eficiente e prático sem precisar escrever muito código.

Neste tutorial, você aprenderá como criar itens no banco de dados local e visualizar esses itens de forma fácil e intuitiva. O FlutterFlow oferece uma interface amigável que simplifica o processo de desenvolvimento, permitindo que você se concentre na lógica e na experiência do usuário.

Com as habilidades adquiridas neste tutorial, você estará pronto para criar aplicativos offline personalizados para atender às suas necessidades específicas. O FlutterFlow oferece uma ampla gama de recursos e opções de personalização para ajudá-lo a alcançar seus objetivos de desenvolvimento de aplicativos.

Se você está interessado em desenvolvimento de aplicativos ou deseja aprender mais sobre FlutterFlow e como criar aplicativos offline, este vídeo é perfeito para você. Assista agora e comece a desenvolver aplicativos incríveis que funcionam mesmo sem conexão com a internet!

Palavras-chave: FlutterFlow, offline, flutterflow offline, desenvolvimento de aplicativos, aplicativos offline, criar aplicativo offline, FlutterFlow tutorial, desenvolvimento de aplicativos mobile, aplicativos sem conexão com a internet, aplicativo de lista de mercado offline, desenvolvimento visual de aplicativos.

00:00 Já deixa aquele LIKE e se INSCREVE :)
00:42 Novo recurso para criar apps offline
01:13 Avisos e configurações iniciais
02:32 PASSO 1: Clonar o projeto FlutterFlow
04:30 PASSO 2: Criar um Data Type
05:53 PASSO 3: Criar um App State (variável local)
08:33 PASSO 4: Adicionar produto
11:26 PASSO 5: Visualizar itens não comprados
16:28 PASSO 6: Modificar o campo comprado
20:00 Testando como ficou
21:09 Sincronização offline e online
21:43 Deixa aquele LIKE e se INSCREVE :)

#semcodar #flutterflow #lowcode

- - - - - - - - - - - - - - - - - -
👨‍🏫 Comunidade Sem Codar - O maior curso No-Code do mundo, com centenas de aulas Bubble (No Code), FlutterFlow, WeWeb e Xano (Low Code), tutoriais passo a passo, do zero ao avançado e marketplace de profissionais. Além de um grupo exclusivo com milhares de membros tirando e esclarecendo dúvidas todos os dias:

🚀 Aula Gratuita - Tudo que você precisa saber pra começar no mundo do desenvolvimento visual de aplicativos:

[rafaelaraujoandrade]

Nunca entrei num avião, mas depois que entrei na Comunidade Sem Codar, estou vendo esse sonho cada vez mais perto, já alcancei meus 5 Dígitos com trabalhos que consegui fechar depois que aprendi Flutterflow e Bubble com Renato Asse. Rumo ao 6 Digitos ✌✌🚀🚀🚀🚀

[Loug]

Mentor número 1 do mundo! E não é porque tou falando não 😉 (edit: próximo passo, virar o 1º de FlutterFlow também, além de Bubble. Só questão de tempo)

[EvandrorFranco]

Simplesmente fantástico 😂
Já solta a aula de sincronização lá na comunidade 😂😂😂😂😂😂

[gustavodemelo]

Gostei. Fiquei curioso para ver a sugestão de sincronismo para um próximo vídeo.

[gabelem]

Renato,
Eu estava aguardando esta aula.
Já vinha desenvolvendo minha ideia e estou devorando este material que você produz.
Inclusive vi uma resposta sua na ComunidadeSemCodar sobre o custom code pra checar se tem conexão e aí sincronizar com o Firebase.
Obrigado por nos alimentar com conhecimento nesta velocidade que você vem produzindo para o FF.
Vamos que vamos. Não pare de produzir estes materiais para o FF.
Se me permite sugerir, poste na comunidade um exemplo de como são "as ações de Firestore pra ir sincronizando os dados das variáveis locais com o Firebase", por favor.
Grande abraço.

[Barneyyt]

Ótima aula professor! Uma dica para a aula de sincronização lá na comunidade, é criar um app tipo Spotify, onde você baixa as músicas quando está com internet e consegue ouvir depois quando estiver desconectado :)

[leandroosterne]

Perfeita explicação, como sempre, Renato! Parabéns! E sim, a sincronização é bastante interessante... aguardo já a próxima! Forte abraço!

[alexbj]

Obrigado por estar aguçando meu espírito empreendedor, tu é o melhor

[lourivalthomaz]

Comecei dia 24/10/2023 na comunidade sem codar, e estou ficando viciado a cada dia. As aulas do mestre Renato são 100% didáticas. Muito Show.

[BillyOFC]

Que massa, agora sei pra que serve o Data Type, que por acaso eu estava utilizando errado Uma sugestão, acho que seria muito legal você fazer uma aula sobre banco de dados, mas explicando o modelo não relacional, que o FlutterFlow utiliza (o do Firebase), pois muitas pessoas tem dúvidas (incluindo eu) sobre como funciona e como utilizar.

Por exemplo: no caso de uma escola, com turmas e alunos, no Bubble a gente criava a tabela de alunos separada das turmas, e relacionava depois. No FlutterFlow fica meio confuso saber se deve fazer o mesmo, ou de fato colocar o objeto dentro da coleção de turmas, ao invés de criar fora, e relacionar.

Seria ótimo uma aula no estilo Renato pra esclarecer isso

[ComoEFacilFazer]

gostei do flutterflow, mas nao sei mecher em nada, gostaria de criar um player de video mp4 que eu pudesse buscar digitando numero do video seja numa pasta especifica ou midia de armazenamento

[azielr.pereirajr]

Ótimo assunto, quando puder, manda alguma coisa com geração de PDF no flutterflow. Abraço. Parabéns !!!

[EdvanSouzaLive]

Excelente tutorial, Renato!
Parabéns!

O que mais tenho tido dificuldades no FF é o tipo de coisa que ocorreu no PASSO 6 (de adicionar novamente um item p/ "ligar o true" pra depois remover o item antigo);
Pra quem está habituado com o Bubble, não dá p/ imaginar que a solução seria essa.
Tem coisas que no FF parecem "pegadinhas".
Há momentos que me sinto numa gincana tendo que adivinhar coisas que poderiam ser simples.

A toda hora fico parado um tempão p/ resolver problemas que poderiam ter soluções mais óbvias ou intuitivas.
Mas... Vamos caminhando!
São videos com esse que dá um fôlego!
VALEU!!!

[wagnerlcg]

Olá Renato.
Sou membro da comunidade. Já tem a aula de sincronização?

[douglasf]

Na próxima aula poderia ensinar como fazer o DATA TYPES "conversar" com FIREBASE, para que o aplicativo trabalhe na NUVEM e OFFILINE.

[edinacavalcanteof]

Poderia fazer um tutorial para prestação de serviços!

[xCoDyPTx]

Olá Renato. Excelente aula. Um muito obrigado por ajudar a malta autodidata, como eu.
Tenho algumas questões para si, gostaria de saber se é possivel criar notifications em app offline (datatypes).
Gostaria também de lhe perguntar de como é que poderia trabalhar com datas. Imaginando que, existe uma conta para pagar a uma determinada data. E se tiver perto dessa data de pagamento, iria criar uma notificação para pagar mas tudo modo offline. Como se fosse um "reminder" de pagamentos.

[contabilidadedoempreendedor]

Renato, vi outro vídeo de outro professor esses dias e até questionei justamente sobre a sincronização dos dados(mas não tive resposta), faço isso em flutter com firebase e sqlite rodando no device, ou até mesmo com sqlite e apis rest salvando dados em postgresql ou qqr outro banco seja relacional ou não, mas a lógica para gravação dos dados locais e em "nuvem" geralmente é complexa, pois temos que trabalhar com vários IDs para o mesmo registro um local e outro na base central ou utilizar UUID etc, quando a quantidade de devices offline aumenta a complexidade aumenta tbm, estou curioso para saber como daria para fazer isso com flutterflow, pois é uma das coisas que mais demandam tempo hoje no desenvolvimento dos meus apps.

[Thiago]

Já tentei armazenar imagem no App State e não é possível

[tiqlbub]

Parabéns pelo conteúdo! Porém não ficou claro se esse recurso do FlutterFlow é para armazenamento de dados equivalente ao um sqlite da vida. Entendo que o conceito é diferente, mas acredito que a maioria gostaria de saber é isso. Segurança e capacidade de armazenamento, bem como facilidade de registros pode ser inserido, como alterar, filtrar, excluir, sincronizar. Veja que maioria dos usuários sobre com indisponibilidade de Internet para app de campo, e a solução é gravar local no aparelho e sincronizar ao estabelecer internet no aparelho.