More
Entendendo o Combate a Padrões no Flutter Usando o Back4app Backend
10 min
introdução a correspondência de padrões é um recurso poderoso introduzido no dart 3 que permite aos desenvolvedores identificar e extrair facilmente estruturas de dados específicas dentro de suas aplicações se você tem experiência com linguagens como kotlin, swift ou javascript, pode já estar familiarizado com a correspondência de padrões no entanto, se você é novo nesse conceito no dart, este tutorial o ajudará a se familiarizar com ele vamos explorar a correspondência de padrões e como usá la em um aplicativo flutter com um exemplo prático que integra o back4app como um backend para gerenciar e armazenar dados pré requisitos antes de começar, certifique se de ter o seguinte uma conta back4app inscreva se para uma conta gratuita em back4app com https //www back4app com um ambiente de desenvolvimento flutter configurado em sua máquina local siga o guia de instalação do flutter https //flutter dev/docs/get started/install se você ainda não o configurou conhecimento básico de dart, widgets flutter e uso do back4app para serviços de backend passo 1 – configurando seu backend back4app crie um projeto back4app faça login em sua conta back4app https //www back4app com/ e crie um novo projeto crie classes parse para este tutorial, crie uma classe parse chamada userdata para armazenar informações do usuário nome de usuário (string) o nome de usuário do usuário idade (número) a idade do usuário preferências (json) um objeto json armazenando preferências do usuário obtenha suas credenciais back4app navegue até as configurações do seu projeto para recuperar seu id de aplicação e chave do cliente, que você precisará para conectar seu aplicativo flutter ao back4app passo 2 – configurando o projeto flutter criar um novo projeto flutter abra seu terminal ou prompt de comando e execute flutter create pattern matching example adicionar dependências abra pubspec yaml e adicione as seguintes dependências dependencies flutter sdk flutter parse server sdk flutter latest version execute flutter pub get para instalar essas dependências inicialize o parse em seu app em lib/main dart , inicialize o sdk do parse import 'package\ flutter/material dart'; import 'package\ parse server sdk flutter/parse server sdk flutter dart'; void main() async { widgetsflutterbinding ensureinitialized(); const keyapplicationid = 'your back4app app id'; const keyclientkey = 'your back4app client key'; const keyparseserverurl = 'https //parseapi back4app com'; await parse() initialize(keyapplicationid, keyparseserverurl, clientkey keyclientkey, autosendsessionid true); runapp(myapp()); } class myapp extends statelesswidget { @override widget build(buildcontext context) { return materialapp( home patternmatchingscreen(), ); } } substitua 'your back4app app id' e 'your back4app client key' pelas suas credenciais reais do back4app passo 3 – implementando correspondência de padrões crie o widget patternmatchingscreen em lib/main dart , crie um novo widget que demonstra a correspondência de padrões ao recuperar e processar dados do usuário class patternmatchingscreen extends statefulwidget { @override patternmatchingscreenstate createstate() => patternmatchingscreenstate(); } class patternmatchingscreenstate extends state\<patternmatchingscreen> { string message = 'fetching data '; @override void initstate() { super initstate(); fetchandmatchdata(); } future\<void> fetchandmatchdata() async { final query = querybuilder\<parseobject>(parseobject('userdata')); final response = await query query(); if (response success && response results != null) { for (var result in response results!) { // using pattern matching to destructure and validate data if (result is parseobject) { final userdata = { 'username' result get\<string>('username'), 'age' result get\<int>('age'), 'preferences' result get\<map\<string, dynamic>>('preferences') }; switch (userdata) { case { 'username' string name, 'age' int age when age >= 18, 'preferences' {'theme' string theme} } setstate(() { message = 'welcome, $name! you are $age years old and prefer the $theme theme '; }); break; default setstate(() { message = 'data does not match the required pattern '; }); break; } } } } else { setstate(() { message = 'failed to retrieve data '; }); } } @override widget build(buildcontext context) { return scaffold( appbar appbar(title text('pattern matching example')), body center(child text( message)), ); } } este código busca dados do usuário do back4app, aplica correspondência de padrões para validar e desestruturar os dados, e então exibe uma mensagem personalizada com base nos dados correspondentes passo 4 – executando o app execute seu app usando flutter run você deve ver uma mensagem na tela com base nos dados recuperados e correspondentes usando correspondência de padrões verifique os dados no back4app fazendo login no seu painel do back4app e verificando a userdata classe você pode ajustar os dados para ver como diferentes padrões correspondem e como o app responde conclusão neste tutorial, exploramos o conceito de correspondência de padrões em dart e como ele pode ser aplicado dentro de um app flutter ao integrar o back4app como o backend, demonstramos um exemplo prático de busca e processamento de dados usando correspondência de padrões essa abordagem permite validar e desestruturar dados de forma eficiente, tornando seus apps flutter mais robustos e manuteníveis para mais informações sobre padrões dart, visite a documentação do dart https //dart dev , e para dicas de integração de backend, confira a documentação do back4app https //www back4app com/docs boa codificação!