【Flutter】簡単にボタン(ElevatedButton)を作成し、中央(Center)、上下左右に配置する方法

ElevatedButton(
  onPressed: () {
    // ボタンが押された時の動作
  },
  child: Text('ボタン'),
)

Center(
  child: ElevatedButton(
    onPressed: () {},
    child: Text('中央に配置'),
  ),
)

Align(
  alignment: Alignment.topCenter,
  child: ElevatedButton(
    onPressed: () {},
    child: Text('中央上に配置'),
  ),
)

Align(
  alignment: Alignment.bottomCenter,
  child: ElevatedButton(
    onPressed: () {},
    child: Text('中央下に配置'),
  ),
)

Align(
  alignment: Alignment.centerLeft,
  child: ElevatedButton(
    onPressed: () {},
    child: Text('中央左に配置'),
  ),
)

Align(
  alignment: Alignment.centerRight,
  child: ElevatedButton(
    onPressed: () {},
    child: Text('中央右に配置'),
  ),
)

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Sample(),
    );
  }
}

class Sample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: <Widget>[
        Align(
          alignment: Alignment.topCenter,
          child: ElevatedButton(
            onPressed: () {},
            child: Text('中央上に配置'),
          ),
        ),
        Center(
          child: ElevatedButton(
            onPressed: () {},
            child: Text('中央に配置'),
          ),
        ),
        Align(
          alignment: Alignment.bottomCenter,
          child: ElevatedButton(
            onPressed: () {},
            child: Text('中央下に配置'),
          ),
        ),
      ],
    );
  }
}