Início / coding / Perguntas / 79428460
Accepted
Andy
Asked: 2025-02-11 06:26:12 +0800 CST

Por que estou recebendo "O operador '[]' não está definido para o tipo 'Future<Map<String, dynamic>>'"

  • 772

Estou tentando buscar uma única linha de dados do Supabase usando o seguinte código:

// supabase_service.dart
Future<Map<String, dynamic>> fetchTransaction(int id) async {
    return await _supabaseClient
        .from('transactions')
        .select()
        .eq('id', id)
        .single();
  }

Estou chamando esse código de um widget sem estado assim:

final int id;
final dbservice = SupabaseService();

  @override
  Widget build(BuildContext context) {
    final transaction = dbservice.fetchTransaction(id);
    // do stuff with result
      Text('TXN ID: ${transaction["id"]}'); // <---error

Entretanto, quando tento usar 'transaction', recebo o seguinte erro:

The operator '[]' isn't defined for the type 'Future<Map<String, dynamic>>'

Não consigo descobrir se o erro é porque estou tentando acessar os dados incorretamente ou se é porque preciso processar os dados de alguma forma antes de acessá-los.

flutter

2 respostas

  1. Best Answer

    Como @thenry respondeu, o valor é carregado do banco de dados, então ele não estará imediatamente disponível. É por isso que sua variável é um Future, e por isso você não pode acessá-la como faria com uma variável "now" normal.

    Você realmente não pode usar awaitno buildmétodo, pois toda a construção de UI tem que acontecer de forma síncrona. Espero que isso faça sentido quando você pensar sobre isso: você sempre tem que renderizar uma UI mesmo enquanto os dados estão carregando. Nesse ponto, você normalmente vai querer renderizar algum elemento de UI que mostre que os dados estão carregando.

    A maneira mais simples de exibir um Futurevalor na interface do usuário é envolvê-lo em FutureBuilder:

    Widget build(BuildContext context) {
  final transaction = dbservice.fetchTransaction(id);
    
  return FutureBuilder<List<String>?>(
      future: transaction,
      builder: (context, snapshot) {
        switch (snapshot.connectionState) {
          case ConnectionState.waiting:
            return Center(
              child: CircularProgressIndicator(),
            );
          case ConnectionState.done:
            if (snapshot.hasError) {
              return Text('ERROR: ${snapshot.error.toString()}');
            } else {
              return Text('TXN ID: ${snapshot.data["id"]}');
            }
          default:
            return Text('Unhandle State');
        }
      },
    ),
}

    Então você pode ver que aqui lidamos com os três estados principais:

    • Se os dados ainda estiverem carregando, mostramos um CircularProgressIndicator.
    • Se houver um erro, mostraremos o erro em uma caixa de texto.
    • Se os dados foram carregados, mostraremos o valor que você tentou mostrar.

    Se isso é novidade para você, recomendo também a leitura:

    • 2

  2. Você definiu fetchTransaction(int id)como uma Futurefunção, então, ao chamá-la, você terá que adicionar uma awaitinstrução para referenciar seu resultado de retorno.

    Por exemplo,

    @override
  Widget build(BuildContext context) {
    final transaction = await dbservice.fetchTransaction(id);
    // do stuff with result
      Text('TXN ID: ${transaction["id"]}'); // <---error

    Isso deve permitir que você acesse a chave "id" no mapa retornado, se ela existir.

    • 0

relate perguntas