【Flutter】文字列の表示(Text)と文字配置(中央、上下左右)、余白(Padding)の設定完全ガイド！

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Text('いちご'),
        ),
      ),
    );
  }
}

Center(
  child: Text('みかん'),
)

Align(
  alignment: Alignment.topCenter,
  child: Text('りんご'),
)

Align(
  alignment: Alignment.bottomCenter,
  child: Text('バナナ'),
)

Align(
  alignment: Alignment.centerLeft,
  child: Text('ぶどう'),
)

Align(
  alignment: Alignment.centerRight,
  child: Text('メロン'),
)

Padding(
  padding: EdgeInsets.all(20.0),
  child: Text('パイナップル'),
)

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: <Widget>[
              Text('いちご'),
              Padding(
                padding: const EdgeInsets.all(8.0),
                child: Text('¥500'),
              ),
              Text('みかん'),
              Padding(
                padding: const EdgeInsets.all(8.0),
                child: Text('¥300'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}