Flutter之Center

原创

wx58638f54eeaef 2022-03-11 10:30:35 ©著作权

文章标签 Flutter Center flutter ide 控件 文章分类 开源

©著作权归作者所有：来自51CTO博客作者wx58638f54eeaef的原创作品，请联系作者获取转载授权，否则将追究法律责任

1、Center介绍

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

Flutter之Center_Flutter

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,
              ),
            ),
          ),
      );
  }
}