flutter - 在多个 >dart 文件中分割主页的元素

Question

作为 Flutter 的新手，我想知道将 Any 页面(如 HOME)的元素隔离到不同的类或 DART 文件是否是一个好习惯。
如果答案是肯定的，我需要一些帮助。
我知道我必须将母亲和女儿 .dart 页面中的页面相互包含。
我感到困惑的是我应该为页面的一部分提及多少。 (如果有请原谅我的诞生)

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'AppName',
      home: MyHomePage(),
    );

我应该返回什么？
Material App 已经运行了 Mother 或 main 页面，所以要包含多少内容？
或者我应该只对行、列和卡片等元素进行编码...
如果后者是真的，那么我应该如何称呼它们？执行 MAIN .dart 时会自动调用那些吗？
~补充~
我可以无中生有地返回任何布局小部件(行/列/卡)吗!!
喜欢

class MyHomePage extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    return Row(
        children: <Widget>[

(我认为这是合乎逻辑的，因为所有查询最终都会转发到 MAIN.dart)
任何帮助表示赞赏。

Answer 1

如果我正确理解你的问题，让我用一个例子来回答:
说你的 main.dart 如下:

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'AppName',
      home: MyHomePage(),
    );
  }
}

你的 home_page.dart 是:

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("AppName"),
      ),
      body: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [
          CustomWidget1(),
          CustomWidget2(),
        ],
      ),
    );
  }
}

那么 CustomWidget1 可以是(在名为 custom_widget_1.dart 的文件中):

class CustomWidget1 extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text("CustomWidget1"),
    );
  }
}

那么 CustomWidget2 可以是(在名为 custom_widget_2.dart 的文件中):

class CustomWidget2 extends StatefulWidget {
  CustomWidget2({Key key}) : super(key: key);

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

class _CustomWidget2State extends State<CustomWidget2> {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text("CustomWidget2"),
    );
  }
}