问题[flutter](coding)

我想消除图像中箭头所指的间隙。

我目前正在使用 InkWell。

highlightColor: Colors.blue;

如果我执行上述操作并按住，缝隙中就会出现蓝色。所以我怀疑是不是动画导致了这个问题。

但我不知道如何解决它。

                  gridView.builder(
                      gridDelegate:
                          const SliverGridDelegateWithFixedCrossAxisCount(
                        crossAxisCount: 3,
                        childAspectRatio: 0.7, 
                      ),
                      itemCount:
                          items.length;
                      itemBuilder: (context, index) {
                        return InkWell(
                               onTap()=>game())
                            child:Card(child:Container(height:100),                            margin: EdgeInsets.zero,
);

我正在开发一个 Flutter 项目并使用了 Freezed 包。我创建了一个通用的 ApiResult 类，如下所示：

import 'package:freezed_annotation/freezed_annotation.dart';

part 'api_result.freezed.dart';

@freezed
sealed class ApiResult<T> with _$ApiResult<T> {
  const factory ApiResult.success(T data) = Success<T>;
  const factory ApiResult.failure(String msg) = Failure<T>;
}

运行代码生成后，生成的文件不包含 when、map 或类似的模式匹配方法。以下是生成代码的片段：

class Success<T> implements ApiResult<T> {
  const Success(this.data);
  final T data;
  // ...
}

class Failure<T> implements ApiResult<T> {
  const Failure(this.msg);
  final String msg;
  // ...
}

如你所见，没有生成 when 或 map 方法。我原本以为它们应该可用，因为它们通常与冻结类一起用于模式匹配。

为什么缺少 when 和 map 方法？该如何修复？

我正在使用最新版本的freezed和build_runner，然后运行

dart run build_runner build --delete-conflicting-outputs 

没有任何问题。任何帮助都将不胜感激！

我是 Flutter 的新手，目前正在构建一个使用 Supabase 进行身份验证的应用程序。

用户注册、登录等一切都运行正常，但我遇到了退出问题。

当我按下注销按钮时，用户确实成功注销，但应用程序没有按预期导航到登录页面。

这是注销代码

    import 'package:expense_tracker/auth/auth_service.dart';
    import 'package:expense_tracker/components/elevated_button.dart';
    import 'package:flutter/material.dart';
    
    class Setting extends StatefulWidget {
      const Setting({super.key});
    
      @override
      State<Setting> createState() => _SettingState();
    }
    
    class _SettingState extends State<Setting> {
      final auth = authService();
    
      void logout() async {
        await auth.signOut();
      }
    
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          body: Center(
            child: CustomButton(
              onPress: logout,
              text: "Logout",
              isSmall: true,
            ),
          ),
        );
      }
    }

这是授权门代码

    import 'package:expense_tracker/pages/home_page.dart';
    import 'package:expense_tracker/pages/login_page.dart';
    import 'package:flutter/material.dart';
    import 'package:supabase_flutter/supabase_flutter.dart';
    
    class AuthGate extends StatelessWidget {
      const AuthGate({super.key});
    
      @override
      Widget build(BuildContext context) {
        return StreamBuilder(
          stream: Supabase.instance.client.auth.onAuthStateChange,
          builder: (context, snapshot) {
            print("Auth state changed: ${snapshot.data}");
    
            if (snapshot.connectionState == ConnectionState.waiting) {
              return const Scaffold(
                body: Center(child: CircularProgressIndicator()),
              );
            }
    
            final session = Supabase.instance.client.auth.currentSession;
            print("Current session: $session");
    
            if (session != null) {
              return HomePage();
            } else {
              return LoginPage();
            }
          },
        );
      }
    }

This is main page code 

    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        debugShowCheckedModeBanner: false,
        themeMode: ThemeMode.system,
        theme: MyThemes.lightTheme,
        darkTheme: MyThemes.darkTheme,
        home: const AuthStateListener(),
        routes: {
          "/login": (context) => const LoginPage(),
          "/register": (context) => const RegisterPage(),
          "/home": (context) => const HomePage(),
          "/expense": (context) => const AddExpense(),
          "/split": (context) => const SplitFriends(),
          "/setting": (context) => const Setting(),
        },
      );
    }

我尝试过的方法：

1. 包装signOut()在 try-catch 块中 — 没有捕获到错误。

2. 已验证auth.signOut()用户确实已退出。

3. 检查日志，AuthGate 将会话打印为空（退出后预期）。

但仍然没有重定向到LoginPage。

我的期望：

退出后，应用程序应自动重定向到 LoginPage（如 AuthGate 中处理的那样）。

注意： 每当我运行应用程序而不进行调试时，它都可以运行。

我正在尝试添加一个主题列表，用户可以选择一个，这是我的列表

import 'package:flutter/material.dart';

class ThemeModel {
  final Color surface;
  final Color primary;
  final Color secondary;
  final Color onSurface;

  ThemeModel({
    required this.surface,
    required this.primary,
    required this.secondary,
    required this.onSurface,
  });
}

final List<ThemeModel> themes = [
  ThemeModel(
    surface: Color(0xFFF0EAD6),
    primary: Color(0xFF6C9A8B),
    secondary: Color(0xFFA67C52),
    onSurface: Color(0xFF3B3A36),
  ),
  ThemeModel(
    surface: Color(0xFFF5F5F5),
    primary: Color(0xFF6D6875),
    secondary: Color(0xFFFFB4A2),
    onSurface: Color(0xFF2D2D2D),
  ),
  ThemeModel(
    surface: Color(0xFFF0F8FF),
    primary: Color(0xFFA2C7E5),
    secondary: Color(0xFF89B0AE),
    onSurface: Color(0xFF2F3E46),
  ),
];

我将显示一个列表，他们可以选择一个可以保存数字的列表，例如 chosenTheme，现在我有一个像这样的 ThemeData

ThemeData myTheme = ThemeData(
  fontFamily: 'estedad',
  useMaterial3: true,
  //brightness: chosenTheme <= 2 ? Brightness.light : Brightness.dark,
  colorScheme:
      chosenTheme <= 2
          ? ColorScheme.light(
            surface: cards[chosenTheme].themes.surface,
            primary: cards[chosenTheme].themes.primary,
            secondary: cards[chosenTheme].themes.secondary,
            onSurface: cards[chosenTheme].themes.onSurface,
          )
          : ColorScheme.dark(
            surface: cards[chosenTheme].themes.surface,
            primary: cards[chosenTheme].themes.primary,
            secondary: cards[chosenTheme].themes.secondary,
            onSurface: cards[chosenTheme].themes.onSurface,
          ),
);

如何在主题提供程序中将其设置为应用程序默认主题？

我有以下代码：

void main(List<String> arguments) {
  print('Enter your age: ');
  try {
    int? age = int.tryParse(stdin.readLineSync()!);
    print('Age is $age');
    assert(age != null, 'Age cannot be null');
    print('You are $age years old');
  } catch (e) {
    print('You gave us a bad age');
  }
}

当我运行程序，输入像“nnnnn”这样的字符串（无法解析为整数）作为年龄时，我以为断言会抛出错误，但输出却是“你的年龄为 null 岁”。我是 Dart 新手，这让我抓狂，我是不是哪里操作错了？谢谢

我正在为我的最终项目课程构建这个应用程序，该应用程序扫描二维码，然后在扫描二维码后重定向到另一个显示结果的 dart 页面。我开始实现底部导航栏和路线，并遵循了很多很酷的教程。我遇到的唯一问题是我的底部导航栏有两个选择，其中一个是扫描功能，另一个是帮助页面。扫描完成后，结果显示出来，但我希望能够选择底部工具栏上的扫描来执行另一次扫描，但它停留在同一个结果页面。我想我做错了什么，我尽力了，但我还是卡住了。如果有人能提供一些指导，我将不胜感激。

加载开始页，即闪屏页，然后扫描页允许扫描二维码，然后塑料页是显示结果的页面。

我尝试按照类似这样的教程进行操作。

https://codewithandrea.com/articles/flutter-bottom-navigation-bar-nested-routes-gorouter/

import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:recycle/help.dart';
import 'package:recycle/main_p.dart';
import 'package:recycle/main_p_routes.dart';
import 'package:recycle/plastic.dart';
import 'package:recycle/scan.dart';
import 'package:recycle/main_splash_page.dart';

final _rootNavigatorKey = GlobalKey<NavigatorState>();


final router = GoRouter(
  navigatorKey: _rootNavigatorKey,
  initialLocation: Routes.start,
  routes: [
    GoRoute(
      path: Routes.start,
      builder: (BuildContext context, GoRouterState state) {
        return const StartPage();
      },
    ),
    StatefulShellRoute.indexedStack(
      builder:
          (context, state, navigationShell) =>
              LayoutScaffold(navigationShell: navigationShell),
      branches: [
        StatefulShellBranch(
          routes: [
            GoRoute(
              path: Routes.scan,
              builder: (context, state) => const ScanPage(),
              routes: [
                GoRoute(
                  path: Routes.plastic,
                  builder: (context, state) => const Plastic(),
                ),
              ],
            ),
          ],
        ),
        StatefulShellBranch(
          routes: [
            GoRoute(
              path: Routes.help,
              builder: (context, state) => const Help(),
            ),
          ],
        ),
      ],
    ),
  ],
);

class Routes {
  Routes._();

  static const String start = '/start'; // start page
  static const String scan = '/scan'; //scan page

  static const String plastic = 'plastic';
  static const String nestedPlastic = '/scan/plastic'; // plastic page
  static const String help = '/help';
  static const String aluminum = '/aluminum'; // help page
}




import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:recycle/main_p_dest.dart';

class LayoutScaffold extends StatelessWidget {
  const LayoutScaffold({required this.navigationShell, super.key});

  final StatefulNavigationShell navigationShell;

  @override
  Widget build(BuildContext context) => Scaffold(
    body: navigationShell,
    bottomNavigationBar: NavigationBar(
      selectedIndex: navigationShell.currentIndex,
      onDestinationSelected: navigationShell.goBranch,
      indicatorColor: Theme.of(context).primaryColor,
      destinations:
          destinations
              .map(
                (destination) => NavigationDestination(
                  icon: Icon(destination.icon),
                  label: destination.label,
                  selectedIcon: Icon(destination.icon, color: Colors.white),
                ),
              )
              .toList(),
    ),
  );
}

import 'package:flutter/material.dart';

class Destination {
  const Destination({required this.label, required this.icon});

  final String label;
  final IconData icon;
}

const destinations = [
  Destination(label: 'Scan', icon: Icons.camera_rear),
  Destination(label: 'Help', icon: Icons.help),
];

我将 go_router 与 Flutter 导航 API 结合使用。以下是我的路线：

• 回家路线
• 对象路线
• 对象路由

从家里我会调用 Navigator.push() 来获取对象并调用 context.push() 来获取对象。

我知道我还没有子路由。我认为这不是重点。我收到推送通知，应该导航到 object-route。它工作正常，但如果 object-route 已经打开，它会再次打开它。所以当我点击返回时，我会回到 object-route。

我是否应该检查重定向中的路径以防止重复屏幕或者我错误地使用了 go_router？

当通知被点击时，我正在使用 context.push()。

我有 2 个小部件

1 在assert其build方法中：

class MyWidget1 extends StatelessWidget {
  const MyWidget1({super.key});

  @override
  Widget build(BuildContext context) {
    assert(false);
    return const Placeholder();
  }
}

1.assert在按钮的回调中：

class MyWidget2 extends StatelessWidget {
  const MyWidget2({super.key});

  @override
  Widget build(BuildContext context) {
    return TextButton(
      onPressed: () {
        assert(false);
      },
      child: const Text('button'),
    );
  }
}

我想要一个测试来验证是否assert抛出了。从这个问题开始，我尝试了：

void main() {
  testWidgets('It should throw an assert error during the build',
      (WidgetTester tester) async {
    await expectLater(
      () => tester.pumpWidget(const MaterialApp(home: MyWidget1())),
      throwsA(isA<AssertionError>()),
    );
  });

  testWidgets('It should throw an assert error on tap',
      (WidgetTester tester) async {
    await tester.pumpWidget(const MaterialApp(
      home: Scaffold(
        body: MyWidget2(),
      ),
    ));
    await expectLater(
      () async {
        await tester.tap(find.byType(TextButton));
        await tester.pumpAndSettle();
      },
      throwsAssertionError,
    );
  });
}

但错误并没有被预期捕获。

如何测试？

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

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

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

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

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

我最近一直在研究 Flutter ShadCN 组件，但一直无法将文档中的Tabs示例代码集成到这里提供给我们的样板 ShadCN 样板代码中

我只是采取了

══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
The following assertion was thrown building ShadTabs<String>(dirty, dependencies:
[UnmanagedRestorationScope], state: ShadTabsState<String>#57a89):
ShadTheme.of() called with a context that does not contain a ShadTheme.

    No ShadTheme ancestor could be found starting from the context that was passed to

ShadTheme.of().
This can happen because you do not have a ShadApp widget (which introduces a ShadTheme),
or it can happen if the context you use comes from a widget above this widget.

    The context used was: ShadTabs<String>(dirty, dependencies: [UnmanagedRestorationScope],

state: ShadTabsState<String>#57a89)

我从样板代码中更改的唯一一行是我注释掉了Padding of child 并将其替换为const TabsExample()（我的小部件直接从TabsTabsExample示例文档中复制粘贴）

import 'package:flutter/services.dart';
import 'package:flutter_test_1/screens/home_tabs.dart';
import 'package:shadcn_flutter/shadcn_flutter.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setSystemUIOverlayStyle(
      const SystemUiOverlayStyle(systemNavigationBarColor: Colors.transparent));
  SystemChrome.setEnabledSystemUIMode(SystemUiMode.edgeToEdge);
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return ShadcnApp(
      title: 'My App',
      home: const TabsExample(),
      theme: ThemeData(
        colorScheme: ColorSchemes.darkZinc(),
        radius: 0.7,
      ),
    );
  }
}

class CounterPage extends StatefulWidget {
  const CounterPage({super.key});

  @override
  _CounterPageState createState() => _CounterPageState();
}

class _CounterPageState extends State<CounterPage> {
  int _counter = 0;

  int _selected = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  NavigationItem _buildButton(String label, IconData icon) {
    return NavigationItem(
      label: Text(label),
      child: Icon(icon),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      headers: [
        AppBar(
          title: const Text('Counter App'),
          subtitle: const Text('Testing features'),
          leading: [
            GhostButton(
              onPressed: () {
                openDrawer(
                  context: context,
                  builder: (context) {
                    return Container(
                      alignment: Alignment.center,
                      constraints: const BoxConstraints(
                        maxWidth: 300,
                      ),
                      child: const Text('Drawer'),
                    );
                  },
                  position: OverlayPosition.left,
                );
              },
              density: ButtonDensity.icon,
              child: const Icon(Icons.menu),
            ),
          ],
          trailing: [
            GhostButton(
              density: ButtonDensity.icon,
              onPressed: () {
                openSheet(
                  context: context,
                  builder: (context) {
                    return Container(
                      alignment: Alignment.center,
                      constraints: const BoxConstraints(
                        maxWidth: 200,
                      ),
                      child: const Text('Sheet'),
                    );
                  },
                  position: OverlayPosition.right,
                );
              },
              child: const Icon(Icons.search),
            ),
          ],
        ),
        const Divider(),
      ],
      footers: [
        const Divider(),
        NavigationBar(
          onSelected: (i) {
            setState(() {
              _selected = i;
            });
          },
          index: _selected,
          children: [
            _buildButton('Home', Icons.home),
            _buildButton('Explore', Icons.explore),
            _buildButton('Library', Icons.library_music),
          ],
        ),
      ],
      child: 
      const TabsExample()
      // Padding(
      //   padding: const EdgeInsets.all(32.0),
      //   child: Center(
      //     child: Column(
      //       mainAxisAlignment: MainAxisAlignment.center,
      //       children: <Widget>[
      //         const Text(
      //           'You have pushed the button this many times:',
      //           textAlign: TextAlign.center,
      //         ).p(),
      //         Text(
      //           '$_counter',
      //         ).h1(),
      //         PrimaryButton(
      //           onPressed: _incrementCounter,
      //           density: ButtonDensity.icon,
      //           child: const Icon(Icons.add),
      //         ).p(),
      //       ],
      //     ),
      //   ),
      // ),
    );
  }
}

出了什么问题？