【 Flutter 】Flutter を 基礎 から 学習 ( ウィジェット編 ) part98 Interaction model widgets

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

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

class SamplePage extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _SamplePageState();
  }
}

class _SamplePageState extends State<SamplePage> {
  var _lighits = false;
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('テスト中！')),
        body: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            GestureDetector(
              onTap: () {
                setState(
                  () {
                    _lighits = !_lighits;
                  },
                );
              },
              child: Container(
                color: _lighits ? Colors.yellow : Colors.greenAccent,
                child: Text(
                  _lighits ? 'タップしてライトオフ！' : 'タップしてライトオン！',
                  textAlign: TextAlign.center,
                  overflow: TextOverflow.ellipsis,
                  style: TextStyle(fontWeight: FontWeight.bold),
                ),
                width: 200.0,
                height: 200.0,
              ),
            )
          ],
        ),
      ),
    );
  }
}