**이 페이지에서 알 수 있는 내용 このページからわかること

- Column
	- MainAxisAlignment
	- CrossAxisAlignment
	- MainAxisSize**
	

main.dart

...
...

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,　// start, end, spacebetween
          children: <Widget>[
            Text(
              'You have pushed the button this many times: ',
            ),
            Text('$_counter',style: Theme.of(context).textTheme.headlineMedium)
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ),
    );
  }
}

main.dart

...
...

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Container(
          color: Colors.green,
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            crossAxisAlignment: CrossAxisAlignment.end, // start, end
            mainAxisSize: MainAxisSize.min, // max, min
            children: <Widget>[
              const Text(
                'You have pushed the button this many times ',
              ),
              Text('0'),
              Icon(Icons.power_settings_new_sharp)
            ],
          ),
        ),
      ),
    );
  }
}

Column

• 다수의 위젯을 세로축으로 배치할 수 있도록하는 위젯

• 複数のウィジェットを縦軸に配置できるようにするウィジェット

MainAxisAlignment

• (세로)축의 방향으로 위젯을 정렬하는 클래스

• (縦)軸の方向にウィジェットを配置するクラス

CrossAxisAlignment

• (가로)축의 방향으로 위젯을 정렬하는 클래스

• (横)軸の方向にウィジェットを配置するクラス

MainAxisSize

• Column의 세로 사이즈를 조정하는 클래스

• Columnの縦サイズを調整するクラス