Andy's questions

Estou tentando criar um widget de cartão no Flutter que tem quatro linhas de conteúdo:

• Linha com um único widget de texto, alinhado à esquerda Linha com quatro contêineres quadrados, espaçados uniformemente Linha com dois contêineres retangulares, espaçados uniformemente e alinhados com quadrados Linha com um único ícone, alinhado à direita

Estou perto, mas não consigo fazer o alinhamento dos quadrados/retângulos direito. Eu tentei MainAxisAlignment.spaceAround, MainAxisAlignment.spaceBetweene MainAxisAlignment.spaceEvenlynenhum deles está certo.

A fileira de quadrados está próxima, mas não consigo descobrir como alinhar os dois retângulos abaixo dela (ou seja, cada retângulo deve ter a largura de dois quadrados + o espaço que os separa).

Estou usando a combinação errada de MainAxisAlignment.whatever? Preciso usar algo mais complexo, como MediaQuery.of(context)size.width+ algumas fórmulas funky?

Tenho uma view cujo corpo é um FutureBuilderque obtém uma lista de itens de um backend Supabase. Gostaria de fazer alguma lógica condicional após a conexão com o banco de dados, de modo que se HOUVER uma conexão, mas houver ZERO registros para exibir, a view mostre um pouco de texto indicando isso.

Não consigo fazer isso funcionar. Aqui está o código atual:

FutureBuilder(
  future: transactionRepo.getTxnsAndRelvars(),
  builder: (BuildContext context, AsyncSnapshot snapshot) {
    if (snapshot.connectionState == ConnectionState.waiting) {
      return CircularProgressIndicator.adaptive();
    } else if (snapshot.hasError) {
      return Center(child: Text('Error! ${snapshot.error}'));
    } else if (!snapshot.hasData) {
      return Text('No data present!'); // 1
    } else {
      return ListView.builder(
        itemCount: snapshot.data?.length,
        itemBuilder: (context, index) {
          if (snapshot.data.length > 0) {
            return GestureDetector(...); // the list of items
              } else {
                return Center(
                  child: Text('No Transactions Yet!'),
                );
              }
            },
          );
        }
      },
    );

Algumas coisas. O código no #1 acima nunca dispara . Os ConnectionState.waitingbits ConnectionState.hasErrore funcionam, porque eu recebo um indicador de progresso circular durante o carregamento e recebo uma mensagem de erro quando algo dá errado.

Mas nem o !snapshot.hasDatabit nem o else { return Center...bit disparam, apesar do fato de não haver dados, itens e nada para mostrar na tela.

O que estou perdendo aqui?

Estou tentando adicionar alguns logotipos a uma linha em um widget Flutter; o código relevante está abaixo:

 Row(
    mainAxisAlignment: MainAxisAlignment.center,
    children: [
      Container(
        decoration: BoxDecoration(
          border: Border.all(color: FbColors.grey),
          borderRadius: BorderRadius.circular(300),
        ),
        child: Image(
          width: FbSizes.iconMd,
          height: FbSizes.iconMd,
          image: AssetImage(dark ? FbImages.googleDark : FbImages.googleLight),
        ),
      ),
      const SizedBox(width: FbSizes.spaceBtwnItems),
      Container(
        decoration: BoxDecoration(
          border: Border.all(color: FbColors.grey),
          borderRadius: BorderRadius.circular(100),
        ),
        child: Image(
          width: FbSizes.iconMd,
          height: FbSizes.iconMd,
          image: AssetImage(dark ? FbImages.appleDark : FbImages.appleLight),
        ),
      ),
    ],
  )

Observe que o primeiro Containertem uma BorderRadius.circular(300)chamada, e o segundo tem uma BorderRadius.circular(100)chamada - mas ambos têm o mesmo tamanho na tela, e nenhum deles tem o tamanho especificado (eles terão o mesmo tamanho na visualização final - apenas alterei os tamanhos no código para mostrar que eles não estão respondendo).

Não consigo entender por que não consigo redimensioná-los. Alguém tem alguma ideia do que estou fazendo errado?

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.