如何将示例项目分成单独的文件的示例？

Question

当您在 Flutter v3.19 中创建新项目时，它会在

/lib/main.dart

中创建一个默认应用程序

/lib/main.dart

包含三个类：

class MyApp extends StatelessWidget

class MyHomePage extends StatefulWidget

class _MyHomePageState extends State<MyHomePage>

组织项目文件结构以便这些类可以位于单独的文件夹/文件中的最佳方法是什么？这将用于一个小项目。

是否有

main.dart

应该是什么样子的示例，以便它可以导入这些类？我在 Flutter 文档中找不到关于此的示例。

我试图找到这样的例子，但找不到。我希望 Flutter 提供简单的文档来解释这一点，或者在设置示例项目时考虑到这一点。

我找到了文件夹结构的示例，但没有专门针对 Flutter 附带的示例项目。

Answer 1

作为简单格式，您可以创建两个简单的文件剪切和粘贴代码，如下所示

切

class MyApp extends StatelessWidget

并创建一个文件 my_app.dart 并粘贴它。

切

class MyHomePage extends StatefulWidget

class _MyHomePageState extends State<MyHomePage>

一起创建一个名为 home_page.dart 的文件并粘贴它。

现在您会在新创建的文件上发现一些错误，并在两个文件上添加导入

'package:flutter/material.dart';

。现在您会在 main.dart 上发现错误，因此您必须导入 my_app.dart 文件，并在 my_app 页面中导入 home_page。