import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: "自定义测试标题",
      home: MyTabBox(),
    );
  }


}

class MyTabBox extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _MyTabBoxState();
  }

}
class _MyTabBoxState extends State<MyTabBox> {
  bool _isActivate = false;

  void _handlerTap() {
    setState(() {
      _isActivate = !_isActivate;
    });
  }
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: _handlerTap,
      child: Container(
        child: Center(
          child: Text(
            _isActivate ? 'Active' : 'Inactive',
            style: TextStyle(fontSize: 32.0, color: Colors.white),
          ),
        ),
        width: 200.0,
        height: 200.0,
        decoration: BoxDecoration(
          color: _isActivate ? Colors.lightGreen[700] : Colors.grey[600],
        ),
      ),
    );
  }

}