主页 / user-302999

Andy's questions

Martin Hope
Andy
Asked: 2025-04-04 00:15:55 +0800 CST
  • 6

我正在尝试在 Flutter 中布局一个包含四行内容的 Card 小部件：

  • 包含单个文本小部件的行，左对齐 包含四个方形容器的行，间距均匀 包含两个矩形容器的行，间距均匀且以正方形对齐 包含单个图标的行，右对齐

我已经接近了，但我无法正确对齐正方形/矩形。我试过了MainAxisAlignment.spaceAround，MainAxisAlignment.spaceBetween和MainAxisAlignment.spaceEvenly，但都不太正确。

当前结果的截图

这一排正方形很接近，但我不知道如何让它下面的两个矩形对齐（即每个矩形的宽度应该是两个正方形的宽度+它们的分隔间隙）。

我使用的组合是否错误MainAxisAlignment.whatever？我是否需要使用更复杂的组合，例如MediaQuery.of(context)size.width+ 一些时髦的公式？

flutter
Martin Hope
Andy
Asked: 2025-03-07 21:01:59 +0800 CST
  • 5

我有一个视图，其主体是FutureBuilder从 Supabase 后端获取项目列表。我想在数据库连接后执行一些条件逻辑，这样如果存在连接但要显示的记录为零，视图就会显示一些文本来表明这一点。

我似乎无法让它工作。这是当前代码：

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!'),
                );
              }
            },
          );
        }
      },
    );

有几件事。上面 #1 处的代码从未触发。ConnectionState.waiting和ConnectionState.hasError位都有效，因为我在加载时获得了一个循环进度指示器，而当出现问题时，我会收到一条错误消息。

但是，尽管没有数据，没有项目，也没有任何内容可在屏幕上显示，但无论是!snapshot.hasData位还是位都没有触发。else { return Center...

我在这里遗漏了什么？

flutter
Martin Hope
Andy
Asked: 2025-02-14 00:16:27 +0800 CST
  • 7

我正在尝试在 Flutter 小部件的一行中添加几个徽标；相关代码如下：

 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),
        ),
      ),
    ],
  )

请注意，第一个Container有一个BorderRadius.circular(300)呼叫，第二个有一个BorderRadius.circular(100)呼叫 - 但它们在屏幕上的大小相同，并且它们都不是指定的大小（它们在最终视图中的大小相同 - 我只是改变了代码中的大小以显示它们没有响应）。

在此处输入图片描述

我无论如何也想不通为什么我无法调整它们的大小。你知道我做错了什么吗？

flutter
Martin Hope
Andy
Asked: 2025-02-11 06:26:12 +0800 CST
  • 5

我正在尝试使用以下代码从 Supabase 获取单行数据：

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

我从无状态小部件调用此代码，如下所示：

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

但是，当我尝试使用“事务”时，出现以下错误：

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

我无法确定错误是否是因为我尝试错误地访问数据，或者因为我需要在访问之前以某种方式进一步处理数据。

flutter