Flutter中许多路线/页面和自制模板的最佳方法是什么？

Question

• 我开始使用 Flutter (Dart) 在 Android Studio 中构建应用程序。一世 想要在应用程序中插入两本书的摘要，所以它会有一本 35 条路线（或页面）和另外 35 条路线（或页面）。
• 此时我的应用看起来像这样：我有一个 Intro_Page 路由到 Main_Page 的按钮。从 Main_Page 有 两个按钮：一个用于BookA，另一个用于BookB。用户输入BookA后，在文本之后，会发现另一个 按钮转到下一页 BookA_1 和此页上的另一个按钮 BookA_2 等

---

我的问题是：

1. 有没有什么方法可以使用每个页面都可以重复使用的模板？

2. 我必须将所有代码放入 main.dart 文件，或者我可以为每个页面创建一个 dart 文件并在它们之间导航
   纽扣？

3. 有没有可能的方法来创建一个自制模板，它在所有页面中都使用设计布局，所以我不必重写代码 一人一个？只是布局而不是内容（文本）。

4. 还有其他更好的方法吗？

---

PS：任何其他建议都会有所帮助。

非常感谢您回答这个问题！

Answer 1

您可以为路由创建一个通用类，因为您可以减少导航代码。

你可以像这样创建一个类

import 'package:flutter/material.dart';

class MyNavigator {
  static navigate({BuildContext context, Widget page}) async {
    await Navigator.of(context).push(
      MaterialPageRoute(builder: (_) {
        return page;
      }),
    );
  }
}

并将其用作

MyNavigator.navigate(context: context, page: BookA());

希望对你有帮助。

------------------------------------ 更新 ---------- ----------------------

您也可以使用扩展方法。

为此，您至少需要Dart 2.7！

扩展方法的实现如下

import 'package:flutter/material.dart';

extension NavigatorHelper on Widget {
  goHere(BuildContext context) async {
    await Navigator.of(context).push(
      MaterialPageRoute(builder: (_) => this),
    );
  }
}

你可以把它当作

BookA().goHere(context);

在我看来，扩展方法是个好方法。 你可以同时使用。