flutter - 不要在 flutter 中重复容器

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

您可以使用 IDE(Android Studio、VSCode)中的重构工具来提取小部件:
将光标放在容器上 -> 右键单击​​ -> 重构... -> 提取小部件 -> 给它一个有意义的名称 -> 按 Enter
然后，您可以在需要重复该容器的地方重用新的小部件构造函数调用。