Question

我有很多次了如果是的话，是否可以创建一个函数，我该怎么做示例容器（）谢谢你的帮助

 child: Container(
                 width: 100.0,
                 height: 100.0,
                 decoration: BoxDecoration(
                   color: Colors.pink,
                   borderRadius: BorderRadius.only(
                     bottomLeft  : Radius.circular(20.0),
                     bottomRight : Radius.circular(20.0),
                     topLeft     : Radius.circular(20.0),
                     topRight    : Radius.circular(20.0),
                   ),
                     border: Border.all(
                         color: Colors.white,
                         width: 2.0
                     ),
                 ),
                 child: Center(
                   child: Text(
                     i.toString(),
                     style: TextStyle(color: Colors.white, fontSize: 26.0),
                   ),
                 ),
                 //color: Colors.pink,
               ),

Answer 1

是的，您可以创建返回容器的函数，并使用这些函数为列表或列等复制类似的 UI。

Example code

import 'package:flutter/material.dart';

void main() {
  runApp(
    MaterialApp(
      home: MyWidget(),
    ),
  );
}

class MyWidget extends StatelessWidget {
  Widget myContainer(Color color) {
    return Container(
      color: color,
      height: 200,
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: ListView(children: [
      myContainer(Colors.red),
      myContainer(Colors.blue),
      myContainer(Colors.green),
    ]));
  }
}

Answer 2

您可以使用 IDE（Android Studio、VSCode）中的重构工具来提取小部件：将光标放在容器上 -> 右键单击 -> 重构... -> 提取小部件 -> 给它一个有意义的名称 -> 按 Enter

然后您可以在需要重复该容器的地方重用新的小部件构造函数调用。

不要在颤振中重复容器

2 个答案: