时间戳

首页 > 解决方案 > 我们可以在 Flutter 中创建一个新的小部件吗？

flutter - 我们可以在 Flutter 中创建一个新的小部件吗？

问题描述

作为 Flutter 的新手，我注意到它提供了很多可供选择的小部件。但我的问题是：我们可以自己做吗？例如，我可以自己制作尚未提供的按钮吗？

标签： flutterdartwidget

解决方案

是的，您可以创建自己的小部件。例如，如上所述，您可以使用如下代码创建自定义按钮。

您在构造函数中看到的属性OutlineButton使用红色背景颜色、32 像素的圆形边框半径和文本构建按钮。这也是其中的一个onPressed功能，当您按下按钮时会执行；在下面的示例中，按下按钮后将语句打印到控制台I pressed it。

Widget _buildButton(BuildContext context){
    return OutlineButton(
      onPressed: (){
        print('I pressed it');
      },
      color: Colors.red,
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(32.0)),
      child: Text('CUSTOM BUTTON'),
    );
  }

您还可以将按钮包装在一个ButtonTheme小部件中，该小部件为您提供多种功能，其中之一是根据您需要的大小缩放按钮。

Widget _buildButton(BuildContext context){
    return ButtonTheme(
      height: 100,
      minWidth: 100,

      child: OutlineButton(
        onPressed: (){},
        color: Colors.red,
        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(32.0)),
        child: Text('CUSTOM BUTTON'),
      ),
    );
  }

推荐阅读