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

定义小组件的三种方式

1. 变量定义组件
2. 函数定义组件
3. 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: "六小龄童") // 传值
        ],
    );
}