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

Flutter e Cloud Firestore testáveis

28/10/2020

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 comentários :

TylerJohnson disse...: If you wish to play some good Sydney Pokies https://sydneypokies.com/ then follow my link!; 18 de fevereiro de 2021 às 10:10
9to5Civil disse...: 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; 28 de fevereiro de 2022 às 11:29
Prestige Park Grove disse...: Prestige Park Grove want to say how grateful I am that you shared your expertise with us because it has really improved our conversation.; 23 de agosto de 2023 às 06:12
Provident Ecopolitan disse...: I appreciate your thoughtful analysis – it's akin to the meticulous planning behind Provident Ecopolitan's design.; 1 de setembro de 2023 às 03:37
Anônimo disse...: 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.; 4 de setembro de 2023 às 00:08
Anônimo disse...: 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; 11 de setembro de 2023 às 03:20
Cak Cloth disse...: daftar harga seragam sekolah ada di cak cloth; 18 de setembro de 2023 às 19:50
Alhamdulillah disse...: terima kasih info yang sangat menarik lookerstudio; 28 de setembro de 2023 às 20:21
Zudinria disse...: Very good info sir. Thank you for article technet; 28 de setembro de 2023 às 20:39
riacute disse...: good job for create nice article for all, amazing msdn; 28 de setembro de 2023 às 20:50
Maratus disse...: Good job vimeo; 16 de outubro de 2023 às 03:13
Alhamdulillah disse...: Este comentário foi removido pelo autor.; 16 de outubro de 2023 às 03:18
Alhamdulillah disse...: thanks information qq; 16 de outubro de 2023 às 09:23
Sonny Whitford disse...: I'm looking to incorporate Cloud Firestore into my Commercial Cleaning WordPress website. What's the process for this integration?; 27 de novembro de 2023 às 20:53
seoli backlinkleri disse...: 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.; 19 de dezembro de 2023 às 10:36
Prestige Projects disse...: Prestige Southern Star residential township project is being built by the Prestige Group.; 23 de dezembro de 2023 às 03:39
Robert Brown disse...: 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; 9 de janeiro de 2024 às 03:27
Dream Earth disse...: Experience the epitome of modern living at Prestige Southern Star, a Prestige Group masterpiece on Begur Road, presenting a diverse range of upscale residences.; 3 de fevereiro de 2024 às 02:44
Company Formation in Dubai disse...: 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!; 6 de fevereiro de 2024 às 10:27
melanie rao disse...: 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; 22 de fevereiro de 2024 às 04:44
Cak Cloth disse...: gud job developer; 15 de abril de 2024 às 20:02
Century Regalia disse...: 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; 17 de maio de 2024 às 04:09
Prestige Southern Star disse...: You consistently provide interesting and educational content. Every time you post, I eagerly await them. Continue the fantastic work. Prestige Southern Star; 14 de junho de 2024 às 22:27
AMPERASLOT disse...: This article is a masterclass in engaging writing, seamlessly blending rich detail with profound insight to create a truly compelling read.KAMPUS88; 18 de julho de 2024 às 06:39
kopiko disse...: Your article is a brilliant blend of insightful analysis and captivating narrative, making it BORNEO338; 18 de julho de 2024 às 23:23
kopiko disse...: Your article is a masterful blend of thorough research and eloquent writing, making it both informative and engaging for readers. GASPOL77; 19 de julho de 2024 às 00:25
badakgaul disse...: 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; 20 de julho de 2024 às 04:30
icakale disse...: BORNEO338 Rekomendasi situs slot terpercaya.; 20 de julho de 2024 às 09:34
icakale disse...: Situs slot online tergacor hari ini BORNEO338; 21 de julho de 2024 às 05:52
asdasd disse...: nice blog

Borneo338; 21 de julho de 2024 às 15:55
icakale disse...: Situs slot mudah scatter AMPERASLOT; 22 de julho de 2024 às 03:28
AMPERASLOT disse...: This article is exceptionally well-researched and informative. LINK GACOR GASPOL77; 23 de julho de 2024 às 03:25
AMPERASLOT disse...: Your article is incredibly well-researched and thorough. LINK GACOR AMPERASLOT; 23 de julho de 2024 às 07:20
AMPERASLOT disse...: The article presents a compelling argument supported by solid evidence. LINK SLOT TERPERCAYA; 24 de julho de 2024 às 07:55
asdasd disse...: Website SLot Online Terbaik
Borneo338; 24 de julho de 2024 às 20:57
AMPERASLOT disse...: This article provides a comprehensive analysis of the subject matter. LINK SLOT TERGACOR; 25 de julho de 2024 às 03:59
AMPERASLOT disse...: This article is a masterpiece of insight and clarity. BORNEO338; 25 de julho de 2024 às 23:12
AMPERASLOT disse...: You have a remarkable talent for writing. BORNEO338; 26 de julho de 2024 às 09:45
AMPERASLOT disse...: Your article is incredibly insightful. AMPERASLOT; 27 de julho de 2024 às 05:12
asdasd disse...: 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/; 27 de julho de 2024 às 17:59
icakale disse...: Choose a job that you like and you won't have to work all your life. LASKAR268; 28 de julho de 2024 às 06:44
AMPERASLOT disse...: Your article is incredibly insightful. KAMPUS88; 28 de julho de 2024 às 09:26
AMPERASLOT disse...: This article is incredibly well-researched and thorough. LASKAR268 GACOR; 29 de julho de 2024 às 09:34
AMPERASLOT disse...: This piece is a masterpiece. LASKAR 268; 31 de julho de 2024 às 03:11
badakgaul disse...: 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; 2 de agosto de 2024 às 00:49
badakgaul disse...: I appreciate your effort in writing this informative article. It will surely benefit many. Please also visit my website for more intriguing insights! LASKAR268; 2 de agosto de 2024 às 00:49
icakale disse...: Situs slot terbaik KAMPUS88; 2 de agosto de 2024 às 23:42
teras disse...: You are incredibly talented! Don't forget to visit my site for interesting info, many promotions, and other benefits. laskar268; 6 de agosto de 2024 às 01:58
kopiko disse...: This article is a masterpiece of insightful analysis and engaging writingGASPOL77; 6 de agosto de 2024 às 01:59
kopiko disse...: This article is an outstanding piece of writing. KAMPUS88; 6 de agosto de 2024 às 04:57
asdasd disse...: good blog my brother, don't forget to also visit this website
LASKAR268; 6 de agosto de 2024 às 20:54
AMPERASLOT disse...: This article is incredibly well-researched. GASPOL77; 8 de agosto de 2024 às 20:10
kopiko disse...: Este comentário foi removido pelo autor.; 9 de agosto de 2024 às 12:23
JAUH DISANA disse...: Este comentário foi removido pelo autor.; 10 de agosto de 2024 às 11:05
JAUH DISANA disse...: This article is incredibly insightful! Thank you for sharing your knowledge. Check out my website for more interesting news and information. jawara338; 10 de agosto de 2024 às 11:06
AGEN IDN Poker disse...: Your writing is absolutely brilliant and engaging! Don't forget to check out my website for more interesting information. gaspol77; 14 de agosto de 2024 às 23:24
AMPERASLOT disse...: This article truly opened my eyes. JAWARA338; 15 de agosto de 2024 às 08:10
asdasd disse...: nice blog
slot gacor hari ini; 21 de agosto de 2024 às 17:29
kopiko disse...: This article is exceptionally well-written and insightful. LASKAR 268; 23 de agosto de 2024 às 04:03
AGEN IDN Poker disse...: This article is exceptionally well-researched and insightful. WIJAYA 99; 23 de agosto de 2024 às 07:19
SEO Hooks disse...: I appreciate your advice. SEO Hooks Team Values Your Contribution.; 28 de agosto de 2024 às 01:09
AMPERASLOT disse...: This article is truly enlightening. AMPERA SLOT; 28 de agosto de 2024 às 01:15
AMPERASLOT disse...: Your article is truly insightful and well-written. LASKAR 268; 30 de agosto de 2024 às 05:08
AMPERASLOT disse...: Your article is incredibly insightful and well-researched. GASPOL 77; 31 de agosto de 2024 às 01:49
AMPERASLOT disse...: Your article is truly enlightening. KAMPUS 88; 4 de setembro de 2024 às 10:47
asdasd disse...: Very interesting blog, brother, I hope my blog can be like yours
WIJAYA99; 8 de setembro de 2024 às 04:42
asdasd disse...: I think your blog is the best blog I've ever read, don't forget to visit my blog too bro
Jawara338; 9 de setembro de 2024 às 02:50
AMPERASLOT disse...: This article is a masterpiece of clarity and insight. SLOT GACOR HARI INI; 11 de setembro de 2024 às 12:53
asdasd disse...: It's great to see your great blog, I hope you'll visit mine too
Borneo338; 13 de setembro de 2024 às 02:46
asdasd disse...: The best blog I have ever visited, I hope you will also visit my blog
Gaspol77; 14 de setembro de 2024 às 07:01
AMPERASLOT disse...: This article is exceptionally well-written and insightful. LINK LOGIN SLOT GACOR 77; 14 de setembro de 2024 às 17:48
AMPERASLOT disse...: This article is an outstanding piece of work. LINK GACOR HARI INI; 15 de setembro de 2024 às 20:47
asdasd disse...: The depth of research in this article is impressive.Link Gacor hari ini; 16 de setembro de 2024 às 06:33
JAUH DISANA disse...: This article is an absolute masterpiece . BORNEO338 GACOR; 17 de setembro de 2024 às 14:28
JAUH DISANA disse...: Este comentário foi removido pelo autor.; 17 de setembro de 2024 às 15:45
JAUH DISANA disse...: Your article is exceptionally insightful and well-written . AMPERA GACOR; 17 de setembro de 2024 às 16:12
JAUH DISANA disse...: This article is a masterclass in clarity and insight . WIJAYA 99; 17 de setembro de 2024 às 18:58
asdasd disse...: A brilliant exposition on a complex topic. SLOT TERGACOR HARI INI; 18 de setembro de 2024 às 05:30
asdasd disse...: This article sparked my interest from the start. Amperaslot; 20 de setembro de 2024 às 09:28
asdasd disse...: I found your arguments to be both convincing and persuasive. Gaspol77; 20 de setembro de 2024 às 09:51
asdasd disse...: I love how you connected various concepts together. Jawara338; 20 de setembro de 2024 às 10:00
AMPERASLOT disse...: This article is truly enlightening. SLOT GACOR GASPOL77; 20 de setembro de 2024 às 19:53
asdasd disse...: his piece is a beacon of clarity in a complex field. Gaspol77; 20 de setembro de 2024 às 23:01
asdasd disse...: You've provided an important service to your readers. Amperaslot; 21 de setembro de 2024 às 05:33
asdasd disse...: You've challenged conventional thinking effectively. Amperaslot; 22 de setembro de 2024 às 00:29
asdasd disse...: This article is a perfect blend of insight and information. Amperaslot; 23 de setembro de 2024 às 23:02
asdasd disse...: The way you approached this topic is both innovative and compelling. Gaspol77; 24 de setembro de 2024 às 07:46
asdasd disse...: You have an amazing talent for making difficult concepts easy to grasp. Gaspol77; 25 de setembro de 2024 às 02:49
asdasd disse...: You’ve done an incredible job of synthesizing the information. Laskar268; 25 de setembro de 2024 às 05:40
asdasd disse...: This is a fantastic contribution to the conversation. Laskar268; 25 de setembro de 2024 às 09:26
AMPERASLOT disse...: This article is truly insightful. SLOT GACOR TERPERCAYA; 25 de setembro de 2024 às 20:25
asdasd disse...: This is content that inspires action. Borneo338; 26 de setembro de 2024 às 06:06
asdasd disse...: The way you’ve structured this article is perfect. Gaspol77; 26 de setembro de 2024 às 06:48
Jerin John disse...: This article is truly insightful and well written. seo expert india; 4 de outubro de 2024 às 06:07
Jerin John disse...: This article is well written. seo expert in kerala; 4 de outubro de 2024 às 06:08
Jerin John disse...: Wow great article business setup in saudi arabia; 4 de outubro de 2024 às 06:12
asdasd disse...: I love how well-organized this article is. Laskar268; 10 de outubro de 2024 às 06:47
asdasd disse...: You’ve turned a complex topic into something approachable. WIJAYA99; 11 de outubro de 2024 às 03:26
asdasd disse...: The research and facts presented are very impressive. Laskar268; 12 de outubro de 2024 às 03:23
kopiko disse...: Your writing is clear and compellingLink SLot Gacor; 15 de outubro de 2024 às 14:56
asdasd disse...: Very good and useful blog, if you like also visit my blog Laskar268; 21 de outubro de 2024 às 23:46
tickets disse...: 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!; 27 de outubro de 2024 às 02:37
ankara seo ajansı disse...: <a href="https://www.yedekparcaticaret.com/mitsubishi-yedek-parca"; 20 de dezembro de 2024 às 08:19
Birla Ojasvi disse...: Discover your dream home at Birla Ojasvi in RR Nagar. Experience sophisticated living with beautifully crafted residences and premium facilities.; 26 de dezembro de 2024 às 03:10
Godrej Homes disse...: Welcome to Godrej Tiara, a modern residential marvel by Godrej Properties in Goraguntepalya, Yeshwanthpur.; 26 de dezembro de 2024 às 03:13
Bhavya Gowda disse...: Purva Aerocity, Devanahalli, Bangalore, offers a perfect blend of luxury and convenience with premium homes, lush landscapes, and excellent connectivity.; 18 de janeiro de 2025 às 01:43
Birla Evara disse...: Experience world-class amenities, sustainable living, and unmatched elegance with Birla Evara. Your dream home awaits; 8 de fevereiro de 2025 às 03:18
asdasd disse...: nice blog, can my blog be like yours?
lexus338; 17 de fevereiro de 2025 às 07:11
asdasd disse...: Your blog is very good, also visit my blog
jawara338; 23 de fevereiro de 2025 às 04:39
Rendy disse...: Jangan lewatkan promo referral di BORNEO338 ajak teman bermain dan dapatkan komisi tanpa batas!; 27 de fevereiro de 2025 às 08:15
Lubiss disse...: Este comentário foi removido pelo autor.; 27 de fevereiro de 2025 às 22:34
Best Preschool in Bangalore disse...: Discover a nurturing Preschool In Bangalore offering a safe and fun learning environment. Enroll your child today for the best early education experience!; 28 de fevereiro de 2025 às 06:02
KAMPUS disse...: Este comentário foi removido pelo autor.; 2 de março de 2025 às 23:20
KAMPUS disse...: Este comentário foi removido pelo autor.; 2 de março de 2025 às 23:24
KAMPUS disse...: Este comentário foi removido pelo autor.; 2 de março de 2025 às 23:25
Ehsaas Program 8171 BISP disse...: I appreciate the depth of your explanation. Ehsaas Program 8171 Benefits Very well done!; 6 de março de 2025 às 12:57
XIAULENG disse...: Earn money from click link; 8 de março de 2025 às 20:24
Heythere disse...: Best PG in Koramangala | PG near Koramangala-
https://www.myroomie.in/residences/bengaluru/koramangala; 11 de março de 2025 às 05:46
Myroomie disse...: 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.; 12 de março de 2025 às 06:53
DigitalsetGo disse...: 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!; 24 de março de 2025 às 05:01
Urban 411 disse...: 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.; 28 de março de 2025 às 05:42
Ecole Ducasse disse...: Este comentário foi removido pelo autor.; 14 de abril de 2025 às 11:40
Ecole Ducasse disse...: 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!; 14 de abril de 2025 às 11:42
Local Self Storage disse...: 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.; 16 de abril de 2025 às 10:51
Rendy disse...: Jangan lewatkan promo referral di ZONA338 ajak teman bermain dan dapatkan komisi tanpa batas!; 17 de abril de 2025 às 04:37
asdasd disse...: The best blog I have ever visited, can you visit my blog?
zona338; 19 de abril de 2025 às 16:02
Accounting services disse...: Thanks for sharing this information.
Accounting Services in Dubai; 23 de abril de 2025 às 07:03
Teeth Aligners Solution disse...: Este comentário foi removido pelo autor.; 25 de abril de 2025 às 10:29
Teeth Aligners Solution disse...: Discover Whistle, a trusted dental care brand with 500+ clinics across India. Specializing in custom teeth aligners and dental crowns, we bring expert solutions for your perfect smile. Experience advanced, accessible, and affordable dental care with Whistle.; 25 de abril de 2025 às 10:30
Heythere disse...: Best Catering in Bangalore-
Discover the best Catering in Bangalore for parties, corporate events, and more. Elevate your occasion with food catering services in Bangalore.; 30 de abril de 2025 às 08:06
Heythere disse...: Best Design College in India -
Discover JD Institute, theBest Design College in India , offering innovative programs in fashion, interior, and design to shape your creative future.; 8 de maio de 2025 às 03:58

Postar um comentário

Flutter e Cloud Firestore testáveis

131 comentários :

Labels

Archive

Feed