12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152 |
- import 'package:flutter/material.dart';
- import 'package:flutter_2048/service/gameInit.dart';
- import 'package:flutter_redux/flutter_redux.dart';
- import '../store/game_state.dart';
- // 选择模式界面
- class ModeSelector extends StatelessWidget {
- @override
- Widget build(BuildContext context) {
- return StoreConnector<GameState, ModeSelectorProps>(
- converter: (store) {
- return ModeSelectorProps(
- mode: store.state.mode,
- onChange: (mode) => gameInit(store, mode),
- );
- },
- builder: (context, vm) {
- return Container(
- child: Row(
- mainAxisAlignment: MainAxisAlignment.spaceBetween,
- children: <Widget>[
- FlatButton(
- color: Color(0xff8f7a66),
- textColor: Colors.white,
- onPressed: () => vm.onChange(3),
- child: Text('3 x 3'),
- ),
- FlatButton(
- color: Color(0xff8f7a66),
- textColor: Colors.white,
- onPressed: () => vm.onChange(4),
- child: Text('4 x 4'),
- ),
- FlatButton(
- color: Color(0xff8f7a66),
- textColor: Colors.white,
- onPressed: () => vm.onChange(6),
- child: Text('6 x 6'),
- ),
- ],
- ),
- );
- },
- );
- }
- }
- class ModeSelectorProps {
- ModeSelectorProps({this.mode, this.onChange});
- int mode;
- Function onChange;
- }
|