Flutter之Center

2020/09/08 07:28
阅读数 57

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',
          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、运行结果

测试1效果、

 

 

 

测试2效果、

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部