/// 隨機(jī)名字游戲組件狀態(tài)管理類
class NameGameState extends State<NameGame> {
  /// name 狀態(tài)
  String name;
  /// 構(gòu)造函數(shù)參數(shù),，避免父組件狀態(tài)變化,，而引起的子組件的重 build 操作
  Widget child;
  /// 修改當(dāng)前名字
  void changeName() {
    List<String> nameList = ['flutter one', 'flutter two', 'flutter three'];
    int pos = Random().nextInt(3);
    setState(() {
      name = nameList[pos];
    });
  }
  @override
  void initState() {
    setState(() {
      name = 'test flutter';
    });
    super.initState();
  }
  /// 構(gòu)造函數(shù)
  NameGameState()
  {
    child = Column (
        children: <Widget>[
          Welcome(),
          RandomName(),
          TestOther(),
        ]
    );
  }
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        NameInheritedWidget(
            child: child,
            onNameChange: changeName,
            name: name
        ),
      ],
    );
  }
}

import 'package:flutter/material.dart';
/// 定義一個name共享父組件
class NameInheritedWidget extends InheritedWidget {
  /// 共享狀態(tài)
  final String name;
  /// 修改共享狀態(tài)方法
  final Function onNameChange;
  /// 構(gòu)造函數(shù)
  NameInheritedWidget({
    Key key,
    @required Widget child,
    @required this.name,
    @required this.onNameChange,
  }) : super(key: key, child: child);
  @override
  bool updateShouldNotify(NameInheritedWidget old) =>
      name != old.name;
}

import 'package:flutter/material.dart';
import 'package:two_you/inherited_widget/name_inherited_widget.dart';
/// 隨機(jī)展示人名
class RandomName extends StatelessWidget {
  /// 有狀態(tài)類返回組件信息
  @override
  Widget build(BuildContext context) {
    final String name = (
        context.inheritFromWidgetOfExactType(NameInheritedWidget)
        as NameInheritedWidget).name;
    final Function changeName = (
        context.inheritFromWidgetOfExactType(NameInheritedWidget)
        as NameInheritedWidget).onNameChange;
    return FlatButton(
      child: Text(name),
      onPressed: () => changeName(),
    );
  }
}

context.inheritFromWidgetOfExactType(NameInheritedWidget) as NameInheritedWidget)

import 'dart:math';
/// name 狀態(tài)管理類
class NameStates {
  final String _name;
  /// getter 方法獲取name
  get name => _name;
  /// 構(gòu)造函數(shù)
  NameStates(this._name);
  /// 初始設(shè)置
  NameStates.initState() : _name = 'test flutter 1';
}
/// 定義 name state 對應(yīng)的狀態(tài)修改 action
///
/// [NameActions.changeName] 為修改當(dāng)前 name
enum NameActions {
  /// 修改 name 的 state
  changeName
}

/// 修改當(dāng)前name,，隨機(jī)選取一個
NameStates changeName() {
  List<String> nameList = ['flutter one', 'flutter two', 'flutter three'];
  int pos = Random().nextInt(3);
  return NameStates(nameList[pos]);
}

/// reducer 方法，觸發(fā)組件更新
NameStates reducer(NameStates state, action){
  if (action == NameActions.changeName) {
    return changeName();
  }
  return state;
}

import 'package:flutter/material.dart';
import 'package:flutter_redux/flutter_redux.dart';
import 'package:redux/redux.dart';
import 'package:two_you/pages/name_game.dart';
import 'package:two_you/states/name_states.dart';
/// APP 核心入口文件
void main() {
  final store =
  Store<NameStates>(reducer, initialState: NameStates.initState());
  runApp(MyApp(store));
}
/// MyApp 核心入口界面
class MyApp extends StatelessWidget {
  /// 初始
  final Store<NameStates> store;
  /// 構(gòu)造函數(shù)
  MyApp(this.store);
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return StoreProvider<NameStates>(
      store: store,
      child: MaterialApp(
          title: 'Two You', // APP 名字
          debugShowCheckedModeBanner: false,
          theme: ThemeData(
            primarySwatch: Colors.blue, // APP 主題
          ),
          home: Scaffold(
              appBar: AppBar(
                title: Text('Two You'), // 頁面名字
              ),
              body: Center(
                //child: HomePage(),
                child: NameGame(store: store),
              ))),
    );
  }
}

    return StoreProvider<NameStates>(
      store: store,
      child: (具體的組件,，可以直接使用 store 變量),
    )

import 'package:flutter/material.dart';
import 'package:flutter_redux/flutter_redux.dart';
import 'package:redux/redux.dart';
import 'package:two_you/states/name_states.dart';
/// 隨機(jī)展示人名
class RandomName extends StatelessWidget {
  /// store
  final Store store;
  /// 構(gòu)造函數(shù)
  RandomName({Key key, this.store}) : super(key: key);
  /// 有狀態(tài)類返回組件信息
  @override
  Widget build(BuildContext context) {
    print('random name build');
    return StoreConnector<NameStates,String>(
      converter: (store) => store.state.name.toString(),
      builder: (context, name) {
        return StoreConnector<NameStates,VoidCallback>(
          converter: (store) {
            return () => store.dispatch(NameActions.changeName);
          },
          builder: (context, callback) {
            return FlatButton(
              child: Text(name),
              onPressed: () => callback(),
            );
          }
        );
      },
    );
  }
}

import 'dart:math';
import 'package:flutter/material.dart';
/// name狀態(tài)管理模塊
class NameModel with ChangeNotifier {
  /// 聲明私有變量
  String _name = 'test flutter';
  /// 設(shè)置get方法
  String get value => _name;
  /// 修改當(dāng)前name,，隨機(jī)選取一個
  void changeName() {
    List<String> nameList = ['flutter one', 'flutter two', 'flutter three'];
    int pos = Random().nextInt(3);
    if(_name != nameList[pos]) {
      _name = nameList[pos];
      notifyListeners();
    }
  }
}

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:two_you/model/name_model.dart';
import 'package:two_you/widgets/name_game/random_name.dart';
import 'package:two_you/widgets/name_game/test_other.dart';
import 'package:two_you/widgets/name_game/welcome.dart';
/// 測試隨機(jī)名字游戲組件
class NameGame extends StatelessWidget {
  /// 設(shè)置狀態(tài) name
  final name = NameModel();
  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Provider<String>.value(
          child: ChangeNotifierProvider.value(
            value: name,
            child: Column(
              children: <Widget>[
                Welcome(),
                RandomName(),
              ],
            ),
          ),
        ),
        TestOther(),
      ],
    );
  }
}

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:two_you/model/name_model.dart';
/// 隨機(jī)展示人名
class RandomName extends StatelessWidget {
  /// 有狀態(tài)類返回組件信息
  @override
  Widget build(BuildContext context) {
    final _name = Provider.of<NameModel>(context);
    print('random name build');
    return FlatButton(
      child: Text(_name.value),
      onPressed: () => _name.changeName(),
    );
  }
}

import 'package:flutter/material.dart';
/// name狀態(tài)管理模塊
class LikeNumModel with ChangeNotifier {
  /// 聲明私有變量
  int _likeNum = 0;
  /// 設(shè)置get方法
  int get value => _likeNum;
  /// 修改當(dāng)前name,，隨機(jī)選取一個
  void like() {
    _likeNum++;
    notifyListeners();
  }
}

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:two_you/model/like_num_model.dart';
import 'package:two_you/pages/home_page.dart';
/// APP 核心入口文件
void main() {
  runApp(MyApp());
}
/// MyApp 核心入口界面
class MyApp extends StatelessWidget {
  /// 創(chuàng)建 like model
  final likeNumModel = LikeNumModel();
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return Provider<int>.value(
        child: ChangeNotifierProvider.value(
          value: likeNumModel,
            child: MaterialApp(
                title: 'Two You', // APP 名字
                debugShowCheckedModeBanner: false,
                theme: ThemeData(
                  primarySwatch: Colors.blue, // APP 主題
                ),
                home: Scaffold(
                    appBar: AppBar(
                      title: Text('Two You'), // 頁面名字
                    ),
                    body: Center(
                      child: HomePage(),
                    ))),
      ),
    );
  }
}

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:two_you/model/like_num_model.dart';
import 'package:two_you/styles/text_syles.dart';
/// 帖子文章的贊組件
///
/// 包括點(diǎn)贊組件 icon ,，以及組件點(diǎn)擊效果
/// 需要外部參數(shù)[likeNum],點(diǎn)贊數(shù)量
class ArticleLikeBar extends StatelessWidget {
  /// 有狀態(tài)類返回組件信息
  @override
  Widget build(BuildContext context) {
    final likeNumModel = Provider.of<LikeNumModel>(context);
    return Row(
      mainAxisAlignment: MainAxisAlignment.center,
      children: <Widget>[
        FlatButton(
          child: Row(
            children: <Widget>[
              Icon(Icons.thumb_up, color: Colors.grey, size: 18),
              Padding(padding: EdgeInsets.only(left: 10)),
              Text(
                '${likeModel.value}',
                style: TextStyles.commonStyle(),
              ),
            ],
          ),
          onPressed: () => likeNumModel.like(),
        ),
      ],
    );
  }
}

import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import 'package:two_you/model/like_num_model.dart';
import 'package:two_you/styles/text_syles.dart';
/// 帖子詳情頁的贊組件
///
/// 包括點(diǎn)贊組件 icon ，以及組件點(diǎn)擊效果
/// 需要外部參數(shù)[likeNum],點(diǎn)贊數(shù)量
class ArticleDetailLike extends StatelessWidget {
  /// 有狀態(tài)類返回組件信息
  @override
  Widget build(BuildContext context) {
    final likeNumModel = Provider.of<LikeNumModel>(context);
    return Column(
      crossAxisAlignment: CrossAxisAlignment.center,
      children: <Widget>[
        FlatButton(
          child: Icon(Icons.thumb_up, color: Colors.grey, size: 40),
          onPressed: () => likeNumModel.like(),
        ),
        Text(
          '${likeNumModel.value}',
          style: TextStyles.commonStyle(),
        ),
      ],
    );
  }
}