Flutter之Center

1、Center介绍

Center将子控件放在其内部中心,里面只能放一个child,但是child里面可以放Container

Flutter之Center

Center继承勒Align,然后Align默认是center.


2、测试代码

测试1、

  @override
  Widget build(BuildContext context) {
      return MaterialApp(
          title: 'open url',
          home: Scaffold(
            appBar: AppBar(
              // Here we take the value from the MyHomePage object that was created by
              // the App.build method, and use it to set our appbar title.
              title: Text('hello flutter'),
            ),
            body: Center(
              child: Text("chenyu"),
            ),
          ),
      );
  }
}


测试2、

  @override
  Widget build(BuildContext context) {
      return MaterialApp(
          title: 'open url',
          home: Scaffold(
            appBar: AppBar(
              // Here we take the value from the MyHomePage object that was created by
              // the App.build method, and use it to set our appbar title.
              title: Text('hello flutter'),
            ),
            body: Center(
              child: Container(
                color: Colors.blue,
                width: 200,
                height: 200,
              ),
            ),
          ),
      );
  }
}

3、运行结果

Flutter之CenterFlutter之CenterFlutter之Center



上一篇:Flutter之window系统下配置开发环境以及在Android Studio里面运行hello word


下一篇:【nodejs】让nodejs像后端mvc框架(asp.net mvc)一样处理请求--控制器和处理函数的注册篇(4/8)【controller+action】