[📝] Hoje #7: Nada melhor do que testar na prática

✨ Resumo do GPT 　

Um dia em que aprendi muito na prática ao depurar problemas de Date Picker e Rich Text Editor durante a implementação de uma função de diário com FlutterFlow.

🎯 Metas

• ✅️ FlutterFlow Practice: adicionar função de diário

💭 Diário

Hoje de manhã, um colega e eu alternamos os papéis de Driver / Navigator a cada cinco minutos e tentamos criar uma página de diário no FlutterFlow.

Ao contrário da expectativa que eu tinha inflado, nem mesmo trocar o Text de um Button com uma função simples de Date Picker para a data selecionada no Date Picker foi uma tarefa fácil.

Por mais que eu olhasse, parecia que a Action e a Page State variable estavam configuradas corretamente, mas todo tipo de problema continuava estourando.

Mesmo fuçando a documentação e os vídeos das aulas, eu tinha certeza de que tinha feito exatamente igual, mas não conseguia entender por que aquilo estava acontecendo. No fim, fiquei mergulhado na depuração até o horário de descanso do almoço.

E finalmente resolvi.

• Ao entrar no modo Preview, 2024-12-20 não aparecia e só [y-M-d] era exibido.
  • Originalmente, há muitos recursos que não funcionam no modo Preview do FlutterFlow.
• Ao entrar no modo Test build, aparecia um erro de compilação dizendo algo como declaração duplicada de variável.
  • Eu originalmente tinha declarado como datePicked (Page State variable) o nome da variável que colocaria no Text do Button.
  • Mas, pelo que suspeito, o nome da variável vinculada ao Date Picker fornecido por padrão pelo FlutterFlow parece ser datePicked. (Quando vi que o log ao selecionar uma data aparecia como Date Picked: 2024-12-20 00:00:00, senti que tinha algo estranho.)
  • Então, quando mudei o nome da variável para dateSelected, funcionou bem, sem erro, exatamente como eu queria.
  • Achei engraçado e absurdo ao mesmo tempo, como se meu senso de nomes tivesse batido com o dos desenvolvedores do FlutterFlow.

De tarde, primeiro consegui trocar a área de escrita do diário, que era composta apenas por um TextField, para um RichTextEditor (Rich Text Editor). Depois tentei trocar também para um MarkdownEditor (super_editor), mas a dependência do Custom Widget entrou em conflito com a dependência do pacote super_editor, abrindo um show de depuração completamente caótico. No fim, fiquei mentalmente destruído e dei GG.

Foi cansativo passar o dia inteiro só depurando (junto com o GPT), mas, no fim das contas, aprender testando na prática e mexendo com as próprias mãos parece muito mais rápido e divertido do que ficar vendo curso sem parar. Claro que, se eu não tivesse visto curso nenhum, provavelmente teria levado ainda mais tempo para entender a causa e depurar.