复用Widget提高build性能

class ShouldRebuildWidget<T extends Widget> extends StatefulWidget {
  final Function shouldRebuild;
  final Function widgetProvider;
  ShouldRebuild({
    @required this.shouldRebuild,
    @required this.widgetProvider});
    
  @override
  _ShouldRebuildState createState() => _ShouldRebuildState<T>(provider);
}

class _ShouldRebuildState<T extends Widget> extends State<ShouldRebuild> {

  _ShouldRebuildState(this._provider) : super() {}

  ChildProvider _provider;

  @override
  ShouldRebuild<T> get widget => super.widget;

  T _oldWidget;
  @override
  Widget build(BuildContext context) {
    if (this._oldWidget == null || (widget.shouldRebuild == null ? true : widget.shouldRebuild(_oldWidget))) {
      this._oldWidget = _provider();
    }
    return _oldWidget;
  }
}
 

class Counter extends StatelessWidget {
  final VoidCallback onClick;
  final int count;
  final String title;
  Counter({this.count,this.onClick,this.title});
  @override
  Widget build(BuildContext context) {
    Color color = Color.fromRGBO(Random().nextInt(256), Random().nextInt(256), Random().nextInt(256), 1);
    return AnimatedContainer(
      duration: Duration(milliseconds: 500),
      color:color,
      data-height: 150,
      child:Column(
        children: <Widget>[
          Text(title,style: TextStyle(fontSize: 30),),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: <Widget>[
              Text('counter = ${this.count}',style: TextStyle(fontSize: 43,color: Colors.white),),
            ],
          ),
          RaisedButton(
            color: color,
            textColor: Colors.white,
            elevation: 20,
            onPressed: onClick,
            child: Text('increment Counter'),
          ),
        ],
      ),
    );
  }
}
 

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: Test(),
    );
  }
}

class Test extends StatefulWidget {
  @override
  _TestState createState() => _TestState();
}

class _TestState extends State<Test> {
  int productNum = 0;
  int counter = 0;

  _incrementCounter(){
    setState(() {
      ++counter;
    });
  }
  _incrementProduct(){
    setState(() {
      ++productNum;
    });
  }
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: Container(
          constraints: BoxConstraints.expand(),
          child: Column(
            children: <Widget>[
               ShouldRebuildWidget<Counter>(
                shouldRebuild: (Counter old) {
                  return old.count != counter;
                },
                provider: () => Counter(count: counter,onClick: _incrementCounter,title: 'I am good Counter',),

              ),

              Text('productNum = $productNum',style: TextStyle(fontSize: 22,color: Colors.deepOrange),),
              RaisedButton(
                onPressed: _incrementProduct,
                child: Text('increment Product'),
              )
            ],
          ),
        ),
      ),
    );
  }
}