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

import 'dart:math';

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<StatefulWidget> createState() {
    return _State();
  }
}

class _State extends State<MyApp> {
  @override
  Widget build(BuildContext context) {
    var _random = new Random(); // 本書でもこの定義書いてくださいよ・・・。

    return MaterialApp(
        home: Scaffold(
            appBar: AppBar(
              title: Text('テスト中です。'),
            ),
            body: Row(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: <Widget>[
                Container(
                  color: Colors.blue,
                  width: 100,
                  height: 100,
                ),
                Spacer(
                  flex: 1, // 重みづけです。
                ),
                Container(
                  color: Colors.red,
                  width: 100,
                  height: 100,
                ),
                Spacer(
                  flex: 2, // 重みづけです。
                ),
                Container(
                  color: Colors.yellow,
                  width: 100,
                  height: 100,
                ),
              ],
            )));
  }
}