【 Flutter 】Flutter を 基礎 から 学習 ( ウィジェット編 ) part35 Single-child layout widgets

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(new MaterialApp(home: new MyApp()));
}

var ok = false;

class MyApp extends StatefulWidget {
  @override
  State createState() {
    return _State();
  }
}

class _State extends State {
  @override
  Widget build(BuildContext context) {
    var size = MediaQuery.of(context).size;
    var w = size.width;

    return MaterialApp(
        home: Scaffold(
            appBar: AppBar(
              title: Text('テスト中です。'),
            ),
            body: Column(
              children: [
                Container(
                  color: Colors.blue,
                  alignment: Alignment.center,
                  // 横は限界まで広げ・・・
                  width: double.infinity,
                  // 高さは100。
                  height: 100.0,
                  // 子供のコンテナは16:9を遵守します！
                  child: AspectRatio(
                    aspectRatio: 16 / 9,
                    child: Container(
                      color: Colors.green,
                    ),
                  ),
                ),
                Container(
                  color: Colors.blue,
                  alignment: Alignment.center,
                  // 横は限界まで広げ・・・
                  width: double.infinity,
                  // 高さは100。
                  height: 100.0,
                  // AspectRatioがないコンテナは横にびよーんとのびます。
                  child: Container(
                    color: Colors.red,
                  ),
                ),
              ],
            )));
  }
}