flutter系列-定义组件的三种方式

最新推荐文章于 2024-05-16 22:39:17 发布

--风起云涌--

最新推荐文章于 2024-05-16 22:39:17 发布

阅读量642

点赞数

分类专栏： Flutter

本文链接：https://blog.youkuaiyun.com/NLYNN/article/details/107682277

版权

Flutter 专栏收录该内容

7 篇文章

订阅专栏

本文深入探讨了在Flutter中定义组件的三种核心方法：通过变量、函数及class进行组件定义。详细解析了每种方法的语法特点及使用场景，为开发者提供了全面的组件创建指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义小组件的三种方式

变量定义组件
函数定义组件
class定义组件

1. 变量定义组件

Widget myWidget1 = Container(
    child: Text('data'),
);

2. 函数定义组件

Widget myWidget2(name) {
    return Container(
        child: Text('姓名: ${name}'),
    );
}

2. class定义组件

class MyWidget3 extends StatelessWidget {
    final String name;
    // 构造函数
    Recommend({Key key, this.list}) : super(key: key);
    @override
    Widget build(BuildContext context) {
        return Container(
            child: Text('姓名: ${name}'),
        );
    }
}

使用

Widget build(BuildContext context) {
    return Column(
        children: <Widget>[
            myWidget1,  // 变量, 无法传值
            myWidget2(name: "猪无能"), // 函数
            MyWidget3(name: "六小龄童") // 传值
        ],
    );
}