Código Google: Flutter e Cloud Firestore testáveis

Flutter e Cloud Firestore testáveis

10/28/20

code { background-color: transparent }

Por que usar o Cloud Firestore?O conjunto de tecnologias do FlutterFire, composto pelo Flutter e pelo Firebase (e, especificamente pelo Cloud Firestore), desbloqueia uma velocidade de desenvolvimento sem precedentes durante a criação e o lançamento de aplicativos. Neste artigo, vamos explorar a integração robusta dessas duas tecnologias, com foco nos testes e no uso de padrões arquitetônicos limpos. No entanto, em vez de passar direto para a implementação final, vamos percorrer o caminho, passo a passo, para que a lógica por trás de cada etapa fique clara.O que vamos criarPara demonstrar uma forma limpa de implementar o Cloud Firestore como o back-end do aplicativo, vamos criar uma versão modificada do aplicativo contador clássico do Flutter. A única diferença é que o carimbo de data/hora de cada clique é armazenado no Cloud Firestore, e a contagem exibida é derivada do número de carimbos de data/hora mantidos. Você usará o Provider e o ChangeNotifier para manter o código de dependências e gerenciamento de estados limpo, e atualizará o teste gerado para manter o código correto.Antes de começarEste artigo supõe que você já assistiu e seguiu as etapas deste tutorial para integrar o aplicativo ao Firebase. Resumo:

Crie um novo projeto do Flutter e nomeie-o como firebasecounter.

Crie um aplicativo Firebase no Console do Firebase.

Vincule o aplicativo ao iOS e/ou Android, dependendo do ambiente para desenvolvedores e do público-alvo.

Observação: se você configurar o aplicativo para funcionar em um cliente Android, terá que criar um arquivo debug.keystore antes de gerar o certificado SHA1.Após a geração dos aplicativos iOS ou Android no Firebase, você estará pronto para continuar. O restante do vídeo traz um ótimo conteúdo, do qual você provavelmente precisará nos projetos reais, mas isso não é necessário para este tutorial.Caso você encontre obstáculosSe qualquer uma das etapas deste tutorial não funcionar para você, consulte este repositório público, que detalha as mudanças em diferentes commits. Ao longo do tutorial, você encontrará links para cada commit, quando apropriado. Sinta-se à vontade para usar essa função a fim de verificar se está progredindo da forma esperada!Criação de um gerenciador de estados simplesPara começar o processo de integração do aplicativo com o Cloud Firestore, você deve primeiro refatorar o código gerado, para que o StatefulWidget inicial se comunique com uma classe separada, em vez de com seus próprios atributos. Isso permite que você, eventualmente, instrua essa classe separada a usar o Cloud Firestore.Ao lado do arquivo main.dart gerado automaticamente para o projeto, crie um novo arquivo chamado counter_manager.dart e copie para ele o seguinte código:class CounterManager {
/// Create a private integer to store the count. Make this private
/// so that Widgets can't modify it directly, but instead must
/// use official methods.
int _count = 0; /// Publicly accessible reference to our state.
int get count => _count; /// Publicly accessible state mutator.
void increment() => _count++;
}Com esse código inserido, adicione a seguinte linha ao início do arquivo firebasecounter/lib/main.dart:import 'package:firebasecounter/counter_manager.dart';Depois, altere o código de _MyHomePageState para:class _MyHomePageState extends State<MyHomePage> {
final manager = CounterManager(); void _incrementCounter() {
setState(() => manager.increment());
} @override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('You have pushed the button this many times:'),
Text(
'${manager.count}',
style: Theme.of(context).textTheme.headline4,
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: Icon(Icons.add),
),
);
}
}Depois de salvar a mudança do código, talvez pareça que o aplicativo falhou, pois ele mostrará uma tela de erro vermelha. Isso é porque você introduziu uma nova variável, manager, cuja oportunidade de inicialização já passou. Essa é uma experiência comum no Flutter, quando a forma como o estado é inicializadomuda, e a questão pode ser facilmente resolvida com uma reinicialização a quente.Após a reinicialização a quente, você deverá voltar para o ponto inicial: na contagem 0 e capaz de clicar no botão de ação flutuante o quanto quiser.Esse é um bom momento para executar o único teste que o Flutter fornece em qualquer novo projeto. A definição dele pode ser encontrada em test/widget_test.dart, e ele pode ser executado com o seguinte comando:$ flutter testSe o teste for bem-sucedido, você estará pronto para continuar!Observação: caso você encontre obstáculos nesta seção, compare suas mudanças com este commit no repositório do tutorial.Manutenção dos carimbos de data/horaA descrição inicial do aplicativo mencionava a manutenção do carimbo de data/hora de cada clique. Até agora, você não adicionou nenhuma infraestrutura para atender a esse segundo requisito, portanto, crie um novo arquivo chamado app_state.dart e adicione a seguinte classe:/// Container for the entirety of the app's state. An instance of
/// this class should be able to inform what is rendered at any
/// point in time.
class AppState {
/// Full click history. For super important auditing purposes.
/// The count of clicks becomes this list's `length` attribute.
final List<DateTime> clicks; /// Default generative constructor. Const-friendly, for optimal
/// performance.
const AppState([List<DateTime> clicks])
: clicks = clicks ?? const <DateTime>[];

/// Convenience helper.
int get count => clicks.length; /// Copy method that returns a new instance of AppState instead
/// of mutating the existing copy.
AppState copyWith(DateTime latestClick) => AppState([
latestClick,
...clicks,
]);
}A partir deste ponto, a função da classe AppState é representar o estado do que deve ser renderizado. A classe não contém nenhum método que possa sofrer mutações, apenas um único método copyWith, que será utilizado pelas outras classes.Com os testes em mente, você pode começar a fazer mudanças no conceito do CounterManager. Ter uma única classe não será suficiente no longo prazo, porque o aplicativo eventualmente interage com o Cloud Firestore. Mas não é preciso criar registros reais todas as vezes que um teste é executado. Para isso, é necessária uma interface abstrata que defina como o aplicativo deve se comportar.Abra o arquivo counter_manager.dart novamente e adicione o seguinte código no início do arquivo:import 'package:firebasecounter/app_state.dart';/// Interface that defines the functions required to manipulate
/// the app state.
///
/// Defined as an abstract class so that tests can operate on a
/// version that does not communicate with Firebase.
abstract class ICounterManager {
/// Any `CounterManager` must have an instance of the state
/// object.
AppState state; /// Handler for when a new click must be stored. Does not require
/// any parameters, because it only causes the timestamp to
/// persist.
void increment();
}A próxima etapa é atualizar o CounterManager para descender explicitamente do ICounterManager. Atualize a definição dele da seguinte forma:class CounterManager implements ICounterManager {
AppState state = AppState(); void increment() => state = state.copyWith(DateTime.now());
}Neste ponto, nosso código auxiliar parece muito bom, mas o main.dart ficou para trás. Não há referência ao ICounterManager no main.dart, quando, na verdade, essa é a única classe Manager que ele deve conhecer. No main.dart, faça as seguintes mudanças:

Adicione o import que falta ao início do arquivo main.dart:

import 'package:firebasecounter/app_state.dart';2. Atualize _MyHomePageState da seguinte forma:class _MyHomePageState extends State<MyHomePage> {
final ICounterManager manager;
_MyHomePageState({@required this.manager}); void _incrementCounter() => setState(() => manager.increment()); @override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('You have pushed the button this many times:'),
Text(
'${manager.state.count}',
style: Theme.of(context).textTheme.headline4,
),
],
),
),
floatingActionButton: FloatingActionButton(
onPressed: _incrementCounter,
tooltip: 'Increment',
child: Icon(Icons.add),
),
);
}
}Essa mudança deve remover todas as linhas vermelhas sublinhadas do ambiente de desenvolvimento integrado de _MyHomePageState. Mas, agora, MyHomePage está reclamando, porque seu método createState() não fornece todos os argumentos necessários para _MyHomePageState. Você pode fazer com que MyHomePage solicite essa variável e transmita o objeto para sua classe baseada em estado, mas isso geraria longas cadeias de widgets solicitando e transmitindo objetos que não são realmente importantes para eles, simplesmente porque um widget descendente está exigindo e um widget ancestral está fornecendo. Claramente, isso requer uma estratégia melhor.É aí que entra o Provider.Como usar o Provider para acessar o estado do aplicativoO Provider é uma biblioteca que otimiza o uso do padrão InheritedWidget do Flutter. Ele permite que um widget no topo da árvore de widgets seja acessível diretamente por todos os seus descendentes. Isso pode parecer similar a uma variável global, mas a alternativa é transmitir os modelos de dados por cada um dos widgets intermediários, quando muitos deles não terão nenhum interesse intrínseco por esses modelos. Esse antipadrão no estilo de “brigada de baldes de variáveis” ofusca a separação dos interesses do aplicativo e pode tornar os layouts de refatoração desnecessariamente enfadonhos. O InheritedWidget e o Provider ignoram esses problemas permitindo que os widgets em qualquer ponto da árvore obtenham diretamente os modelos de dados de que necessitam.Para adicionar o Provider ao aplicativo, abra o pubspec.yaml e adicione-o abaixo da seção dependencies:dependencies:
flutter:
sdk: flutter
# Add this
provider: ^4.3.2+2Depois de adicionar essa linha ao arquivo pubspec.yaml, execute o seguinte para fazer o download do Provider para a máquina:$ flutter pub getAo lado do main.dart, crie um novo arquivo chamado dependencies.dart e copie para ele o seguinte código:import 'package:firebasecounter/counter_manager.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';class DependenciesProvider extends StatelessWidget {
final Widget child;
DependenciesProvider({@required this.child}); @override
Widget build(BuildContext context) {
return MultiProvider(
providers: [
Provider<ICounterManager>(create: (context) => CounterManager()),
],
child: child,
);
}
}Algumas observações sobre o DependenciesProvider:

Ele usa o MultiProvider, apesar de ter apenas uma entrada na lista. Isso, tecnicamente, poderia ser recolhido em um único widget Provider, mas um aplicativo real provavelmente conterá muitos desses serviços, por isso geralmente é melhor começar com o MultiProvider, de qualquer forma.

Ele requer um widget filho, que segue a convenção do Flutter para a composição de widgets e permite inserir esse auxiliar perto to topo da árvore de widgets, disponibilizando a instância do ICounterManager para todo o aplicativo.

Em seguida, disponibilize o novo DependenciesProvider para todo o aplicativo. Uma forma simples de fazer isso é agrupar todo o widget MaterialApp com ele. Abra o main.dart e atualize o método principal da seguinte maneira:void main() {
runApp(
DependenciesProvider(child: MyApp()),
);
}Também é preciso importar o dependencies.dart para o main.dart:import 'package:firebasecounter/dependencies.dart';Como usar um widget ConsumerJá vimos o widget MultiProvider em ação (que é, na verdade, apenas uma forma mais bacana de declarar uma série de widgets Provider individuais). O próximo passo é acessar o objeto ICounterManager usando o widget Consumer.Injeção de dependênciasSe você já escreveu um aplicativo Flutter usando o Cloud Firestore, provavelmente descobriu que o Firestore pode tornar mais complicado escrever bons testes de unidade. Afinal, como evitar gerar registros reais no banco de dados quando uma integração do Firestore é conectada diretamente à árvore de widgets?Se você já teve essa experiência, já sabe das limitações para a incorporação de dependências diretamente no código da IU, que são os widgets, no caso do Flutter. Esse é o poder da injeção de dependências: se os widgets aceitarem classes auxiliares que facilitam sua interação com as dependências (como o Firebase, o sistema de arquivos do dispositivo ou mesmo as solicitações de rede), você pode fornecer itens fictícios ou falsos em vez das classes reais durante os testes. Com isso, é possível testar se os widgets se comportam como deveriam sem precisar esperar por solicitações lentas de rede, encher o sistema de arquivos ou incorrer em taxas de faturamento do Firebase.Para conseguir isso, você precisa refatorar o aplicativo para que haja um ponto limpo no qual os testes possam injetar itens falsos que imitem o comportamento real do Cloud Firestore. Felizmente, o widget Consumer é perfeito para o trabalho.Abra o main.dart e substitua o widget MyApp pelo seguinte código:class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: Consumer<ICounterManager>(
builder: (context, manager, _child) => MyHomePage(
manager: manager,
title: 'Flutter Demo Home Page',
),
),
);
}
}Além disso, importe o Provider para o início do main.dart:import 'package:provider/provider.dart';O agrupamento de MyHomePage em um widget Consumer permite chegar arbitrariamente alto na árvore de widgets para acessar os recursos desejados e injetá-los nos widgets que precisam deles. Esse pode parecer um trabalho desnecessário neste tutorial, porque você só precisa voltar uma camada até o MyApp(), mas isso pode abranger dezenas widgets em aplicativos reais.Em seguida, no mesmo arquivo, faça esta edição em MyHomePage:Observação: não se preocupe se vir uma tela vermelha depois de salvar essa mudança. Mais edições são necessárias para concluir a refatoração.class MyHomePage extends StatefulWidget {
final ICounterManager manager;
MyHomePage({@required this.manager, Key key, this.title}) : super(key: key); final String title; @override
_MyHomePageState createState() => _MyHomePageState();
}Essa mudança simples de construtor permite que o código aceite a variável transmitida no snippet anterior.Por fim, conclua a refatoração fazendo esta edição em _MyHomePageState:class _MyHomePageState extends State<MyHomePage> { // No longer expect to receive a `ICounterManager object` @override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Text('You have pushed the button this many times:'),
Text(
// Reference `widget.manager` instead of
// `manager` directly
'${widget.manager.state.count}',
style: Theme.of(context).textTheme.headline4,
),
],
),
),
floatingActionButton: FloatingActionButton(
// Reference `widget.manager` instead of `manager` directly
onPressed: () => setState(() => widget.manager.increment()),
tooltip: 'Increment',
child: Icon(Icons.add),
),
);
}
}Observação: provavelmente será necessária uma reinicialização a quente para corrigir o aplicativo.Como você deve se lembrar, todos os objetos State contêm uma referência para seus wrappers StatefulWidget no atributo widget. Portanto, o objeto _MyHomePageState pode acessar esse novo atributo manager mudando seu código de manager para widget.manager.Pronto! Você injetou dependências nos widgets que precisam delas, em vez de fixar implementações de produção no código.Teste o aplicativoSe você executar o teste do Flutter agora mesmo, verá que o pacote de teste não é mais bem-sucedido. Quando você inspecionar o widget_test.dart, o motivo deve ser claro: a função de teste instancia o MyApp(), mas não o agrupa com o DependenciesProvider como você fez no código real. Por isso, o widget Consumer adicionado dentro do MyApp não consegue encontrar um Provider satisfatório em seus widgets ancestrais.É nesse ponto que a injeção de dependências começa a demonstrar seus benefícios. Em vez de imitar o código de produção nos testes (agrupando o MyApp com o DependenciesProvider), altere o teste para inicializar o MyHomePage. Atualize o widget_test.dart da seguinte maneira:import 'package:firebasecounter/counter_manager.dart';
import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';import 'package:firebasecounter/main.dart';void main() {
testWidgets('Counter increments smoke test', (WidgetTester tester) async {
// Build our app and trigger a frame.
await tester.pumpWidget(
MaterialApp(
home: MyHomePage(
manager: CounterManager(),
title: 'Test Widget',
),
),
); // Verify that our counter starts at 0.
expect(find.text('0'), findsOneWidget);
expect(find.text('1'), findsNothing); // Tap the '+' icon and trigger a frame.
await tester.tap(find.byIcon(Icons.add));
await tester.pump(); // Verify that our counter has incremented.
expect(find.text('0'), findsNothing);
expect(find.text('1'), findsOneWidget);
});
}Com o uso direto de uma instância de MyHomePage (juntamente com o agrupamento do MaterialApp para fornecer objetos BuildContext válidos), você configurou uma integração com teste de unidade com o Cloud Firestore!Observação: caso você encontre obstáculos nesta seção, compare suas mudanças com este commit no repositório do tutorial.Implementação do Cloud FirestoreAté agora, você passou por um monte de códigos e introduziu várias classes auxiliares, mas não mudou nada no funcionamento do aplicativo. A boa notícia é que tudo está preparado para começar a escrever o código que reconhece o Cloud Firestore. Para começar, abra o pubspec.yaml e adicione estas duas linhas:dependencies:
# Add this
cloud_firestore: ^0.14.1
# Add this
firebase_core: ^0.5.0
flutter:
sdk: flutter
provider: ^4.3.2+2Como sempre, quando se aplica mudanças ao pubspec.yaml (a menos que o ambiente de desenvolvimento integrado faça isso por você), é preciso executar o seguinte comando para fazer o download e vincular as novas bibliotecas:$ flutter pub getObservação: se você ainda não tiver criado o banco de dados, acesse o Console do Firebase do projeto, clique na guia Cloud Firestore e clique no botão Create Database.A espera pelo FirebaseA primeira etapa para usar com êxito o Cloud Firestore é inicializar o Firebase e, o mais importante, não tentar usar nenhum recurso do Firebase até que essa tarefa tenha sido realizada com êxito. Por sorte, você pode conter essa lógica com um StatefulWidget em vez de espalhar isso por todo o código.Crie um novo arquivo em firebasecounter/lib/firebase_waiter.dart e adicione o seguinte código:import 'package:firebase_core/firebase_core.dart';
import 'package:flutter/material.dart';class FirebaseWaiter extends StatefulWidget {
final Widget Function(BuildContext) builder;
final Widget waitingChild;
const FirebaseWaiter({
@required this.builder,
this.waitingChild,
Key key,
}) : super(key: key); @override
_FirebaseWaiterState createState() => _FirebaseWaiterState();
}class _FirebaseWaiterState extends State<FirebaseWaiter> {
Future<FirebaseApp> firebaseReady; @override
void initState() {
super.initState();
firebaseReady = Firebase.initializeApp();
} @override
Widget build(BuildContext context) => FutureBuilder<FirebaseApp>(
future: firebaseReady,
builder: (context, snapshot) => //
snapshot.connectionState == ConnectionState.done
? widget.builder(context)
: widget.waitingChild,
);
}Essa classe usa o padrão do Flutter de aproveitar determinados widgets para lidar completamente com uma dependência ou um problema específico dentro do aplicativo. Para usar esse widget FirebaseWaiter, volte ao main.dart e aplique a seguinte mudança em MyApp:// Add this import at the top
import 'package:firebasecounter/firebase_waiter.dart';// Replace `MyApp` with this
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: FirebaseWaiter(
builder: (context) => Consumer<ICounterManager>(
builder: (context, manager, _child) => MyHomePage(
manager: manager,
title: 'Flutter Demo Home Page',
),
),
// This is a great place to put your splash page!
waitingChild: Scaffold(
body: const Center(child: CircularProgressIndicator()),
),
),
);
}
}Agora, o aplicativo pode aguardar pela inicialização do Firebase, mas pode ignorar esse processo durante os testes simplesmente não utilizando o FirebaseWaiter.Observação: as mudanças acima podem fazer com que o Flutter reclame pela ausência de plug-ins do Firebase. Se isso acontecer, encerre completamente o aplicativo e reinicie a depuração, para que o Flutter possa instalar todas as dependências específicas de plataforma.Como obter dados do Cloud FirestorePrimeiro, importe o Cloud Firestore adicionando a seguinte linha ao início do counter_manager.dart:import 'package:cloud_firestore/cloud_firestore.dart';Em seguida, também no counter_manager.dart, adicione a seguinte classe:class FirestoreCounterManager implements ICounterManager {
AppState state;
final FirebaseFirestore _firestore;FirestoreCounterManager()
: _firestore = FirebaseFirestore.instance,
state = const AppState() {
_watchCollection();
}void _watchCollection() {
// Part 1
_firestore
.collection('clicks')
.snapshots()
// Part 2
.listen((QuerySnapshot snapshot) {
// Part 3
if (snapshot.docs.isEmpty) return;
// Part 4
final _clicks = snapshot.docs
.map<DateTime>((doc) {
final timestamp = doc.data()['timestamp'];
return (timestamp != null)
? (timestamp as Timestamp).toDate()
: null;
})
// Part 5
.where((val) => val != null)
// Part 6
.toList();
// Part 7
state = AppState(_clicks);
});
} @override
void increment() {
_firestore.collection('clicks').add({
'timestamp': FieldValue.serverTimestamp(),
});
}
}Observação: essa classe é quase correta, mas cria um bug que será explorado mais adiante. Se você adicionar esse código ao aplicativo e executá-lo agora, verá que o comportamento não é o que você desejava. Continue lendo para ver uma explicação completa do que está acontecendo.Há muitas coisas acontecendo aqui, então, vamos falar sobre elas.Primeiro, o FirestoreCounterManager implementa a interface do ICounterManager, por isso ele é um candidato qualificado para uso em widgets de produção. (Eventualmente, ele receberá o byDependenciesProvider.) O FirestoreCounterManager também mantém uma instância do FirebaseFirestore, que é a conexão ao vivo com o banco de dados de produção. Além disso, o FirestoreCounterManager chama _watchCollection() durante sua inicialização para configurar uma conexão com os dados específicos nos quais você está interessado, e é neste ponto que as coisas ficam interessantes.O método _watchCollection() é muito útil e merece um exame mais cuidadoso.Na Parte 1, _watchCollection() chama _firestore.collection('clicks').snapshots(), que retorna um stream de atualizações sempre que há uma mudança nos dados de hora da coleção.Na Parte 2, _watchCollection() registra imediatamente um listener para esse stream utilizando .listen(). A callback transmitida para listen() recebe um novo objeto QuerySnapshot em cada mudança dos dados. Esse objeto de atualização é chamado de instantâneo porque reflete o estado correto do banco de dados em um determinado momento, mas pode ser substituído por um novo instantâneo a qualquer ponto.Na Parte 3, a callback entra em curto-circuito se a coleção estiver vazia.Na Parte 4, a callback faz o loop para os documentos do instantâneo e retorna uma lista de valores nulos e DateTime combinados.Na Parte 5, a callback descarta todos os valores nulos. Esses valores vêm do bug que será corrigido em breve, mas esse tipo de codificação defensiva é sempre uma boa ideia quando estamos lidando com dados do Cloud Firestore.Na Parte 6, a callback lida com o fato de que map() retorna um iterador, não uma lista. A chamada de .toList() em um iterador o força a processar toda a coleção, que é aquilo que desejamos fazer.E, por fim, na Parte 7, a callback atualiza o objeto state.Para usar a nova classe, abra o dependencies.dart e substitua o conteúdo do arquivo pelo seguinte:import 'package:firebasecounter/counter_manager.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';class DependenciesProvider extends StatelessWidget {
final Widget child;
DependenciesProvider({@required this.child});@override
Widget build(BuildContext context) {
return MultiProvider(
providers: [
Provider<ICounterManager>(
create: (context) => FirestoreCounterManager()),
],
child: child,
);
}
}Diagnóstico do bugSe você executar esse código como está, poderá quase ver o comportamento desejado. Tudo parece correto, com a exceção de que a tela sempre é renderizada um clique atrás da realidade. O que está acontecendo?O problema vem de uma incompatibilidade entre a implementação inicial do contador e a implementação atual, baseada em stream. O gerenciador onPressed do FloatingActionButton tem a seguinte aparência:floatingActionButton: FloatingActionButton(
onPressed: () => setState(() => widget.manager.increment()),
...
)Esse gerenciador chama increment() e invoca imediatamente setState(), que instrui o Flutter a renderizar novamente.Isso funcionava bem durante a atualização síncrona de estados mantidos na memória do dispositivo. No entanto, a nova implementação baseada em stream inicia uma série etapas assíncronas. Isso significa que, da forma como está, o código chama setState() imediatamente, depois, apenas em um ponto desconhecido no futuro, o objeto manager atualiza seu atributo de estado. Em resumo, a chamada a setState() no gerenciador onPressed está ocorrendo cedo demais. E, o que é pior, uma vez que toda essa atividade ocorre dentro de uma callback, dentro do FirestoreCounterManager, sobre o qual os widgets não sabem nada, não há um Future pelo qual os widgets possam aguardar para solucionar o problema.É quase como se o objeto manager precisasse ser capaz de dizer aos widgets quando redesenhar. 🤔É aí que entra o ChangeNotifier.Observação: caso você encontre obstáculos nesta seção, compare suas mudanças com este commit no repositório público. Elas incluem mudanças do Xcode e do build.gradle resultantes da adição do Firebase, mas você provavelmente pode se concentrar mais nas mudanças dos arquivos Dart.Como usar ChangeNotifier para renderizar novamente a árvore de widgetsChangeNotifier é uma classe que faz exatamente o que seu nome sugere: notifica os widgets quando ocorrem mudanças que exigem uma nova renderização.A primeira etapa do processo é atualizar a interface do ICounterManager para estender ChangeNotifier. Para isso, abra firebasecounter/lib/counter_manager.dart e faça as seguintes mudanças na declaração ICounterManager:// Add `extends ChangeNotifier` to your declaration
abstract class ICounterManager extends ChangeNotifier {
// Everything inside the class is the same.
}Se você ainda não tiver importado o flutter/material.dart, abra firebasecounter/lib/counter_manager.dart e adicione-o ao início:import 'package:flutter/material.dart';Agora, você está pronto para atualizar as definições de CounterManager e FirestoreCounterManager. Para o CounterManager, substitua seu código pela seguinte implementação:class CounterManager extends ChangeNotifier implements ICounterManager {
AppState state = AppState(); /// Copies the state object with the timestamp of the most
/// recent click and tells the stream to update.
void increment() {
state = state.copyWith(DateTime.now());
// Adding this line is how `ChangeNotifier` tells widgets to
// re-render themselves.
notifyListeners();
}
}E, para o FirebaseCounterManager, aplique as seguintes mudanças:

Edite sua assinatura de acordo com o seguinte:

class FirestoreCounterManager extends ChangeNotifier
implements ICounterManager {
...
}2. Adicione a mesma linha notifyListeners(); ao final de _watchCollection(), da seguinte maneira:void _watchCollection() {
_firestore
.collection('clicks')
.snapshots()
.listen((QuerySnapshot snapshot) {

// Generation of `_clicks` omitted for clarity, but do not
// change that code. state = AppState(_clicks);

// The only change necessary is to add this line!
notifyListeners();
});
}Agora, você já configurou metade das mudanças necessárias para que as classes do ICounterManager instruam os widgets a renderizar novamente sempre que os dados mudarem. As classes Manager estão instruindo os widgets a renderizar novamente, mas, se você executar o aplicativo agora, verá que os widgets não estão ouvindo.Para corrigir isso, abra o dependencies.dart e substitua a implementação de DependenciesProvider pelo seguinte:class DependenciesProvider extends StatelessWidget {
final Widget child;
DependenciesProvider({@required this.child}); @override
Widget build(BuildContext context) {
return MultiProvider(
providers: [
// `Provider` has been replaced by ChangeNotifierProvider
ChangeNotifierProvider<ICounterManager>(
create: (context) => FirestoreCounterManager(),
),
],
child: child,
);
}
}Como última mudança, remova setState de _MyHomePageState para ignorar qualquer nova renderização desnecessária. Atualize FloatingActionButton desta forma: floatingActionButton: FloatingActionButton(
// Remove setState()!
onPressed: widget.manager.increment,
tooltip: 'Increment',
child: Icon(Icons.add),
),Pronto! O ChangeNotifierProvider garante que os widgets sejam “listeners”, para que, quando notifyListeners() for chamado por uma classe do ICounterManager, os widgets recebam a mensagem para fazer a renderização novamente.Neste ponto, você deve ser capaz de reiniciar a quente o aplicativo e ver tudo funcionando corretamente.Observação: caso você encontre obstáculos nesta seção, compare suas mudanças com este commit no repositório público.Correção dos testesEmbora a última rodada de mudanças tenha implementado com êxito a funcionalidade desejada, infelizmente, ela também prejudicou os testes. Em seguida, você aplicará alguns ajustes adicionais para que tudo funcione novamente, e assim, terá terminado.No widget_test.dart, o código transmite uma instância do CounterManager diretamente sem um ChangeNotifierListener auxiliar. A forma como isso era tratado na árvore de widgets era agrupando tudo no DependenciesProvider, mas essa classe tem conhecimento do Firestore, e o objetivo disto tudo é manter o Firestore de fora dos testes.Uma solução é criar o TestDependenciesProvider, que pode conter as versões de teste de todas as dependências. Abra firebasecounter/lib/dependencies.dart e adicione a seguinte classe:class TestDependenciesProvider extends StatelessWidget {
final Widget child;
TestDependenciesProvider({@required this.child}); @override
Widget build(BuildContext context) {
return MultiProvider(
providers: [
ChangeNotifierProvider<ICounterManager>(
create: (context) => CounterManager(),
),
],
child: child,
);
}
}Essa classe é quase idêntica ao DependenciesProvider, mas o TestDependenciesProvider fornece uma instância de CounterManager() em vez de FirestoreCounterManager().Agora, em test/widget_test.dart, atualize a inicialização do widget de teste para:await tester.pumpWidget(
TestDependenciesProvider(
child: MaterialApp(
home: Consumer<ICounterManager>(
builder: (context, manager, _child) => MyHomePage(
manager: manager,
title: 'Flutter Test Home Page',
),
),
),
),
);Se ainda não tiver feito isso, adicione estes dois imports perto do início do test/widget_test.dart:import 'package:firebasecounter/dependencies.dart';
import 'package:provider/provider.dart';Execute os teste novamente e... pronto!Observação: caso você encontre obstáculos nesta seção, compare suas mudanças com este commit no repositório público.ConclusãoNeste artigo, você remodelou o aplicativo contador clássico do Flutter para que ele mantenha toda a atividade no Cloud Firestore. Também evitou misturar a lógica de negócios com os widgets, o que facilita o teste do aplicativo.As técnicas de gerenciamento de estados discutidas aqui são viáveis para muitos aplicativos, mas não são as únicas formas de se fazer isso, nem as melhores. A comunidade do Flutter está repleta de excelentes soluções de gerenciamento de estados que valem uma investigação. Estas são algumas a serem consideradas:

O Flutter Bloc é particularmente útil para quem tem experiência com o Redux.

Esta série de tutoriais de vídeo do Flutter Firebase e DDD, da Reso Coder, fornece instruções passo a passo de todo o processo de uso do Flutter Bloc, do Cloud Firestore e de várias outras excelentes bibliotecas.

Esta porta mais direta do Redux também é muito utilizada.

O item mais recente da lista: o criador do Provider lançou um novo pacote, o Riverpod, que é o sucessor do Provider.

Para obter mais informações sobre gerenciamento de estados, consulte os documentos sobre gerenciamento de estados no flutter.dev.Seja qual for a solução de gerenciamento de estados escolhida, boa sorte e boa codificação!

131 comments :

TylerJohnson said...: If you wish to play some good Sydney Pokies https://sydneypokies.com/ then follow my link!; February 18, 2021 at 10:10 AM
9to5Civil said...: spalling concrete
types of doors
gutter leak
fiberglass water tank
monolithic slab definition foundation
modified proctor test
terracotta cladding
foundation failure
metal roof insulation
vibro stone columns; February 28, 2022 at 11:29 AM
Prestige Park Grove said...: Prestige Park Grove want to say how grateful I am that you shared your expertise with us because it has really improved our conversation.; August 23, 2023 at 6:12 AM
Provident Ecopolitan said...: I appreciate your thoughtful analysis – it's akin to the meticulous planning behind Provident Ecopolitan's design.; September 1, 2023 at 3:37 AM
Anonymous said...: Whoever puts in the time and effort to write a stunning article like this has done an outstanding job. I truly appreciate all of the students' efforts.
You must teach the Prestige Pine Forest assistance. They might only require a little help.; September 4, 2023 at 12:08 AM
Anonymous said...: I have faced many complicated problems in restructuring my project website
Prestige RainTree Park
only this page has helped me out to clear all my doubts & errors , Thanks; September 11, 2023 at 3:20 AM
Cak Cloth said...: daftar harga seragam sekolah ada di cak cloth; September 18, 2023 at 7:50 PM
Alhamdulillah said...: terima kasih info yang sangat menarik lookerstudio; September 28, 2023 at 8:21 PM
Zudinria said...: Very good info sir. Thank you for article technet; September 28, 2023 at 8:39 PM
riacute said...: good job for create nice article for all, amazing msdn; September 28, 2023 at 8:50 PM
Maratus said...: Good job vimeo; October 16, 2023 at 3:13 AM
Alhamdulillah said...: This comment has been removed by the author.; October 16, 2023 at 3:18 AM
Alhamdulillah said...: thanks information qq; October 16, 2023 at 9:23 AM
Sonny Whitford said...: I'm looking to incorporate Cloud Firestore into my Commercial Cleaning WordPress website. What's the process for this integration?; November 27, 2023 at 8:53 PM
seolia said...: mtcgame bigo live : This term refers to the services or products offered by MTCGame for the Bigo Live application. Bigo Live is a live streaming and social interaction app, and MTCGame may offer virtual currency or credits for in-app purchases on Bigo Live.; December 19, 2023 at 10:36 AM
Prestige Projects said...: Prestige Southern Star residential township project is being built by the Prestige Group.; December 23, 2023 at 3:39 AM
Robert Brown said...: Thanks for sharing this quality information.
Check and visit this site to know more about Excel Corporate Training in Chennai and Power bi Corporate Training in Chennai; January 9, 2024 at 3:27 AM
Dream Earth said...: Experience the epitome of modern living at Prestige Southern Star, a Prestige Group masterpiece on Begur Road, presenting a diverse range of upscale residences.; February 3, 2024 at 2:44 AM
Company Formation in Dubai said...: Unleash your entrepreneurial spirit and launch your dream business without the inventory burden. Imagine tapping into a global market while sipping Karak under the Burj Khalifa’s shadow. No hefty investments; focus on branding and marketing your unique product selection catered to Dubai’s diverse consumers. You hold the key from the latest gadget to the most niche finds.
Partner with reliable suppliers, craft your online haven and master the art of digital attraction. Dubai’s booming e-commerce scene, tech-savvy population, and supportive community await. Embrace the future of retail by starting dropshipping in UAE today!; February 6, 2024 at 10:27 AM
melanie rao said...: By leveraging Flutter's built-in testing features along with Cloud Firestore's support for unit and integration testing, developers can ensure the reliability and performance of their applications through comprehensive test suites. This synergy between Flutter and Cloud Firestore empowers developers to create feature-rich mobile apps that are not only visually appealing but also robust, scalable, and thoroughly tested, delivering a superior user experience to their audience.
Divorce Lawyers Fairfax VA; February 22, 2024 at 4:44 AM
Cak Cloth said...: gud job developer; April 15, 2024 at 8:02 PM
Century Regalia said...: Century Regalia, which offers a unique range of spacious 3 and 4 BHK flats, aims to revolutionize the art of premium living with its beautifully planned residences and world-class amenities. Each apartment is a work of modern architecture, meticulously designed to optimize space and natural light, creating an air of elegance and sophistication.
Century Regalia; May 17, 2024 at 4:09 AM
Prestige Southern Star said...: You consistently provide interesting and educational content. Every time you post, I eagerly await them. Continue the fantastic work. Prestige Southern Star; June 14, 2024 at 10:27 PM
AMPERASLOT said...: This article is a masterclass in engaging writing, seamlessly blending rich detail with profound insight to create a truly compelling read.KAMPUS88; July 18, 2024 at 6:39 AM
kopiko said...: Your article is a brilliant blend of insightful analysis and captivating narrative, making it BORNEO338; July 18, 2024 at 11:23 PM
kopiko said...: Your article is a masterful blend of thorough research and eloquent writing, making it both informative and engaging for readers. GASPOL77; July 19, 2024 at 12:25 AM
badakgaul said...: Your article is a brilliant masterpiece that effortlessly blends insightful analysis with captivating prose. I found it incredibly enlightening. Join me in exploring more great content at my site too! Situs Slot Terbaru LASKAR268; July 20, 2024 at 4:30 AM
icakale said...: BORNEO338 Rekomendasi situs slot terpercaya.; July 20, 2024 at 9:34 AM
icakale said...: Situs slot online tergacor hari ini BORNEO338; July 21, 2024 at 5:52 AM
asdasd said...: nice blog

Borneo338; July 21, 2024 at 3:55 PM
icakale said...: Situs slot mudah scatter AMPERASLOT; July 22, 2024 at 3:28 AM
AMPERASLOT said...: This article is exceptionally well-researched and informative. LINK GACOR GASPOL77; July 23, 2024 at 3:25 AM
AMPERASLOT said...: Your article is incredibly well-researched and thorough. LINK GACOR AMPERASLOT; July 23, 2024 at 7:20 AM
AMPERASLOT said...: The article presents a compelling argument supported by solid evidence. LINK SLOT TERPERCAYA; July 24, 2024 at 7:55 AM
asdasd said...: Website SLot Online Terbaik
Borneo338; July 24, 2024 at 8:57 PM
AMPERASLOT said...: This article provides a comprehensive analysis of the subject matter. LINK SLOT TERGACOR; July 25, 2024 at 3:59 AM
AMPERASLOT said...: This article is a masterpiece of insight and clarity. BORNEO338; July 25, 2024 at 11:12 PM
AMPERASLOT said...: You have a remarkable talent for writing. BORNEO338; July 26, 2024 at 9:45 AM
AMPERASLOT said...: Your article is incredibly insightful. AMPERASLOT; July 27, 2024 at 5:12 AM
asdasd said...: The best blog for slot broo
Borneo338
https://calisafauba.com/
https://getabusinessinsurance.com/
https://jokyodesigns.com/
https://luxuryvacationpack.com/
https://mamashealinghands.com/
https://openrealestatearea.com/; July 27, 2024 at 5:59 PM
icakale said...: Choose a job that you like and you won't have to work all your life. LASKAR268; July 28, 2024 at 6:44 AM
AMPERASLOT said...: Your article is incredibly insightful. KAMPUS88; July 28, 2024 at 9:26 AM
AMPERASLOT said...: This article is incredibly well-researched and thorough. LASKAR268 GACOR; July 29, 2024 at 9:34 AM
AMPERASLOT said...: This piece is a masterpiece. LASKAR 268; July 31, 2024 at 3:11 AM
badakgaul said...: Thank you for creating such an interesting and useful article. I hope it helps many people. Don't forget to check out my website for more exciting information! LASKAR268; August 2, 2024 at 12:49 AM
badakgaul said...: I appreciate your effort in writing this informative article. It will surely benefit many. Please also visit my website for more intriguing insights! LASKAR268; August 2, 2024 at 12:49 AM
icakale said...: Situs slot terbaik KAMPUS88; August 2, 2024 at 11:42 PM
teras said...: You are incredibly talented! Don't forget to visit my site for interesting info, many promotions, and other benefits. laskar268; August 6, 2024 at 1:58 AM
kopiko said...: This article is a masterpiece of insightful analysis and engaging writingGASPOL77; August 6, 2024 at 1:59 AM
kopiko said...: This article is an outstanding piece of writing. KAMPUS88; August 6, 2024 at 4:57 AM
asdasd said...: good blog my brother, don't forget to also visit this website
LASKAR268; August 6, 2024 at 8:54 PM
AMPERASLOT said...: This article is incredibly well-researched. GASPOL77; August 8, 2024 at 8:10 PM
kopiko said...: This comment has been removed by the author.; August 9, 2024 at 12:23 PM
JAUH DISANA said...: This comment has been removed by the author.; August 10, 2024 at 11:05 AM
JAUH DISANA said...: This article is incredibly insightful! Thank you for sharing your knowledge. Check out my website for more interesting news and information. jawara338; August 10, 2024 at 11:06 AM
AGEN IDN Poker said...: Your writing is absolutely brilliant and engaging! Don't forget to check out my website for more interesting information. gaspol77; August 14, 2024 at 11:24 PM
AMPERASLOT said...: This article truly opened my eyes. JAWARA338; August 15, 2024 at 8:10 AM
asdasd said...: nice blog
slot gacor hari ini; August 21, 2024 at 5:29 PM
kopiko said...: This article is exceptionally well-written and insightful. LASKAR 268; August 23, 2024 at 4:03 AM
AGEN IDN Poker said...: This article is exceptionally well-researched and insightful. WIJAYA 99; August 23, 2024 at 7:19 AM
SEO Hooks said...: I appreciate your advice. SEO Hooks Team Values Your Contribution.; August 28, 2024 at 1:09 AM
AMPERASLOT said...: This article is truly enlightening. AMPERA SLOT; August 28, 2024 at 1:15 AM
AMPERASLOT said...: Your article is truly insightful and well-written. LASKAR 268; August 30, 2024 at 5:08 AM
AMPERASLOT said...: Your article is incredibly insightful and well-researched. GASPOL 77; August 31, 2024 at 1:49 AM
AMPERASLOT said...: Your article is truly enlightening. KAMPUS 88; September 4, 2024 at 10:47 AM
asdasd said...: Very interesting blog, brother, I hope my blog can be like yours
WIJAYA99; September 8, 2024 at 4:42 AM
asdasd said...: I think your blog is the best blog I've ever read, don't forget to visit my blog too bro
Jawara338; September 9, 2024 at 2:50 AM
AMPERASLOT said...: This article is a masterpiece of clarity and insight. SLOT GACOR HARI INI; September 11, 2024 at 12:53 PM
asdasd said...: It's great to see your great blog, I hope you'll visit mine too
Borneo338; September 13, 2024 at 2:46 AM
asdasd said...: The best blog I have ever visited, I hope you will also visit my blog
Gaspol77; September 14, 2024 at 7:01 AM
AMPERASLOT said...: This article is exceptionally well-written and insightful. LINK LOGIN SLOT GACOR 77; September 14, 2024 at 5:48 PM
AMPERASLOT said...: This article is an outstanding piece of work. LINK GACOR HARI INI; September 15, 2024 at 8:47 PM
asdasd said...: The depth of research in this article is impressive.Link Gacor hari ini; September 16, 2024 at 6:33 AM
JAUH DISANA said...: This article is an absolute masterpiece . BORNEO338 GACOR; September 17, 2024 at 2:28 PM
JAUH DISANA said...: This comment has been removed by the author.; September 17, 2024 at 3:45 PM
JAUH DISANA said...: Your article is exceptionally insightful and well-written . AMPERA GACOR; September 17, 2024 at 4:12 PM
JAUH DISANA said...: This article is a masterclass in clarity and insight . WIJAYA 99; September 17, 2024 at 6:58 PM
asdasd said...: A brilliant exposition on a complex topic. SLOT TERGACOR HARI INI; September 18, 2024 at 5:30 AM
asdasd said...: This article sparked my interest from the start. Amperaslot; September 20, 2024 at 9:28 AM
asdasd said...: I found your arguments to be both convincing and persuasive. Gaspol77; September 20, 2024 at 9:51 AM
asdasd said...: I love how you connected various concepts together. Jawara338; September 20, 2024 at 10:00 AM
AMPERASLOT said...: This article is truly enlightening. SLOT GACOR GASPOL77; September 20, 2024 at 7:53 PM
asdasd said...: his piece is a beacon of clarity in a complex field. Gaspol77; September 20, 2024 at 11:01 PM
asdasd said...: You've provided an important service to your readers. Amperaslot; September 21, 2024 at 5:33 AM
asdasd said...: You've challenged conventional thinking effectively. Amperaslot; September 22, 2024 at 12:29 AM
asdasd said...: This article is a perfect blend of insight and information. Amperaslot; September 23, 2024 at 11:02 PM
asdasd said...: The way you approached this topic is both innovative and compelling. Gaspol77; September 24, 2024 at 7:46 AM
asdasd said...: You have an amazing talent for making difficult concepts easy to grasp. Gaspol77; September 25, 2024 at 2:49 AM
asdasd said...: You’ve done an incredible job of synthesizing the information. Laskar268; September 25, 2024 at 5:40 AM
asdasd said...: This is a fantastic contribution to the conversation. Laskar268; September 25, 2024 at 9:26 AM
AMPERASLOT said...: This article is truly insightful. SLOT GACOR TERPERCAYA; September 25, 2024 at 8:25 PM
asdasd said...: This is content that inspires action. Borneo338; September 26, 2024 at 6:06 AM
asdasd said...: The way you’ve structured this article is perfect. Gaspol77; September 26, 2024 at 6:48 AM
Jerin John said...: This article is truly insightful and well written. seo expert india; October 4, 2024 at 6:07 AM
Jerin John said...: This article is well written. seo expert in kerala; October 4, 2024 at 6:08 AM
Jerin John said...: Wow great article business setup in saudi arabia; October 4, 2024 at 6:12 AM
asdasd said...: I love how well-organized this article is. Laskar268; October 10, 2024 at 6:47 AM
asdasd said...: You’ve turned a complex topic into something approachable. WIJAYA99; October 11, 2024 at 3:26 AM
asdasd said...: The research and facts presented are very impressive. Laskar268; October 12, 2024 at 3:23 AM
kopiko said...: Your writing is clear and compellingLink SLot Gacor; October 15, 2024 at 2:56 PM
asdasd said...: Very good and useful blog, if you like also visit my blog Laskar268; October 21, 2024 at 11:46 PM
tickets said...: Funny trending Christmas T-shirts for the holiday season are a delightful way to add some humor and personality to your festive celebrations. With clever phrases like "Santa's Favorite HO" and "I Can't Adult, It's Christmas," these shirts are designed to elicit smiles and laughter from friends and family. Many of the latest designs feature bright colors and whimsical graphics that blend classic holiday imagery with a playful twist, making them perfect for everything from family gatherings to office parties. As the trend for humorous holiday apparel continues to grow, these T-shirts serve not only as fun conversation starters but also as a way to spread joy and create a lively atmosphere. Whether you prefer cheeky, lighthearted, or sarcastic themes, there’s a funny trending Christmas T-Shirts that will ensure your holiday season is filled with laughter and good cheer!; October 27, 2024 at 2:37 AM
ankara seo ajansı said...: <a href="https://www.yedekparcaticaret.com/mitsubishi-yedek-parca"; December 20, 2024 at 8:19 AM
Birla Ojasvi said...: Discover your dream home at Birla Ojasvi in RR Nagar. Experience sophisticated living with beautifully crafted residences and premium facilities.; December 26, 2024 at 3:10 AM
Godrej Homes said...: Welcome to Godrej Tiara, a modern residential marvel by Godrej Properties in Goraguntepalya, Yeshwanthpur.; December 26, 2024 at 3:13 AM
Bhavya Gowda said...: Purva Aerocity, Devanahalli, Bangalore, offers a perfect blend of luxury and convenience with premium homes, lush landscapes, and excellent connectivity.; January 18, 2025 at 1:43 AM
Birla Evara said...: Experience world-class amenities, sustainable living, and unmatched elegance with Birla Evara. Your dream home awaits; February 8, 2025 at 3:18 AM
asdasd said...: nice blog, can my blog be like yours?
lexus338; February 17, 2025 at 7:11 AM
asdasd said...: Your blog is very good, also visit my blog
jawara338; February 23, 2025 at 4:39 AM
Rendy said...: Jangan lewatkan promo referral di BORNEO338 ajak teman bermain dan dapatkan komisi tanpa batas!; February 27, 2025 at 8:15 AM
Lubiss said...: This comment has been removed by the author.; February 27, 2025 at 10:34 PM
Best Preschool in Bangalore said...: Discover a nurturing Preschool In Bangalore offering a safe and fun learning environment. Enroll your child today for the best early education experience!; February 28, 2025 at 6:02 AM
KAMPUS said...: This comment has been removed by the author.; March 2, 2025 at 11:20 PM
KAMPUS said...: This comment has been removed by the author.; March 2, 2025 at 11:24 PM
KAMPUS said...: This comment has been removed by the author.; March 2, 2025 at 11:25 PM
Ehsaas Program 8171 BISP said...: I appreciate the depth of your explanation. Ehsaas Program 8171 Benefits Very well done!; March 6, 2025 at 12:57 PM
XIAULENG said...: Earn money from click link; March 8, 2025 at 8:24 PM
Heythere said...: Best PG in Koramangala | PG near Koramangala-
https://www.myroomie.in/residences/bengaluru/koramangala; March 11, 2025 at 5:46 AM
Myroomie said...: Paying Guest (PG) in Bangalore for Boys & Girls:
Myroomie provides the Best PG in Bangalore- Myroomie . Our exclusive Paying Guests in Bangalore for Boys & Girls are specially designed for students. Fully furnished, and located across 10+ areas.; March 12, 2025 at 6:53 AM
DigitalsetGo said...: Looking for a result-oriented Digital marketing agency Dubai? DigitalsetGo provides innovative solutions, including SEO, social media management, paid advertising, and content marketing. We craft custom strategies to enhance your brand’s visibility, engagement, and ROI. Our team combines creativity with data insights to optimize performance across all digital channels. Whether you’re a startup or an established business, DigitalsetGo ensures your digital success with measurable growth. Let’s take your brand to the next level!; March 24, 2025 at 5:01 AM
Urban 411 said...: Redefine your office with Urban 411 <a href="https://www.urban-411.com/furniture/?srsltid=AfmBOoqX4QK1M37ZPbYkPT2J0x7EwoK7fUr1W6HZwPLdabzVwJ8Qk7Uc>Modern Office Furniture in Dubai</a>. Our carefully curated selection includes ergonomic chairs, executive desks, and smart storage solutions tailored for today’s workspaces. Designed with a focus on aesthetics and functionality, our furniture helps businesses create inspiring environments that enhance employee performance. Whether you need a sleek workstation or a collaborative setup, Urban 411 has the perfect solutions to elevate your office. Invest in contemporary furniture that reflects professionalism and innovation.; March 28, 2025 at 5:42 AM
Ecole Ducasse said...: This comment has been removed by the author.; April 14, 2025 at 11:40 AM
Ecole Ducasse said...: Dreaming of making authentic French dishes? Join Best French Cuisine Classes in UAE at Ecole Ducasse and learn to craft classic French recipes. From delicate pastries to rich sauces, our expert chefs will guide you through every step. Whether you're a beginner or an experienced cook, these classes are perfect for mastering the art of French cuisine. Experience hands-on training in a professional kitchen and bring the flavors of France to your table. Enroll now and cook like a pro!; April 14, 2025 at 11:42 AM
Local Self Storage said...: Keep your items protected with Safe and Secure Storage
at Local Self Storage. Our facility is monitored 24/7 with modern security systems to ensure everything stays in good condition. We offer clean units that are perfect for personal or business use. We have flexible options and helpful support if you need short-term or long-term space. Local Self Storage makes the whole process smooth and easy from start to finish. You can store your items with peace of mind, knowing they are always in safe hands with us.; April 16, 2025 at 10:51 AM
Rendy said...: Jangan lewatkan promo referral di ZONA338 ajak teman bermain dan dapatkan komisi tanpa batas!; April 17, 2025 at 4:37 AM
asdasd said...: The best blog I have ever visited, can you visit my blog?
zona338; April 19, 2025 at 4:02 PM
Accounting services said...: Thanks for sharing this information.
Accounting Services in Dubai; April 23, 2025 at 7:03 AM
Kita889 said...: https://ug889ty.com/; June 12, 2025 at 11:44 AM
Heythere said...: Discover the The best catering services in Bangalore- Mykhana for parties, corporate events, and more. Elevate your occasion with food catering services in Bangalore.; June 19, 2025 at 3:39 AM
Myroomie said...: Enroll in UI UX Design Course in Bangalore and build future-ready skills with real-world projects, expert mentorship, and job support.; June 19, 2025 at 4:25 AM
asdasd said...: This blog is great, can you rate my blog too?
Kampus88; June 24, 2025 at 8:42 PM

Flutter e Cloud Firestore testáveis

131 comments :

Labels

Archive

Feed