Flutter之Center

1、Center介绍

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

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',body: Center(
              child: Container(
                color: Colors.blue,width: 200,height: 200,);
  }
}

 

 

 

 

 

 

3、运行结果

测试1效果、

 

 

 

测试2效果、

 

相关文章

这篇文章主要讲解了“FlutterComponent动画的显和隐怎么实现...
这篇文章主要讲解了“flutter微信聊天输入框功能如何实现”,...
本篇内容介绍了“Flutter之Navigator的高级用法有哪些”的有...
这篇文章主要介绍“Flutter怎么使用Android原生播放器”,在...
Flutter开发的android端如何修改APP名称,logo,版本号,具体...
Flutter路由管理初识路由概念一.路由管理1.1.Route1.2.Mater...