Flutter之Center

╰+哭是因爲堅強的太久メ 2021-09-24 15:50 372阅读 0赞

## 1、Center介绍 ##

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

![20200907212157595.png][]

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效果、

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEwNjg3MDI_size_16_color_FFFFFF_t_70][]

测试2效果、

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEwNjg3MDI_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEwNjg3MDI_size_16_color_FFFFFF_t_70 2][]

[20200907212157595.png]: /images/20210923/06629805352042528fed3586d57a5352.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEwNjg3MDI_size_16_color_FFFFFF_t_70]: /images/20210923/09306e4bad194a6692e5a7eade0326e4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEwNjg3MDI_size_16_color_FFFFFF_t_70 1]: /images/20210923/fc63d2788a8d47168ded1dadc0ea1cbe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTEwNjg3MDI_size_16_color_FFFFFF_t_70 2]: /images/20210923/ad55d8829bc0463fb880c8ae23cb1a92.png