二、深刻研究flutter组件之（Accumulator）

还记得建立新项目的时候flutter默认给咱们一个什么实例吗？一个点击累增的例子，今天，咱们用Accumulator来一个不同的实现方法。因为其很简单，做为前端我暂且把它当作一个对象类型。就好比Array等等。 用法以下：

Accumulator _accumulator = Accumulator();
复制代码

而后就能够拿着_accumulator随心所欲了。具体使用请参照下面的代码。只是用的最多的无非就是increment(int),.value 首先咱们来看下今天的例子：

演示

完整代码：

import "package:flutter/material.dart";

class AccumulatorPage extends StatefulWidget {
 @override
 _AccumulatorPageState createState() => _AccumulatorPageState();
}

class _AccumulatorPageState extends State<AccumulatorPage> {
 Accumulator _accumulator = Accumulator();
 int num = 1;
 @override
 Widget build(BuildContext context) {
   return Scaffold(
     appBar: AppBar(
       title: Text('Accumulator'),
       centerTitle: true,
       elevation: 0,
     ),
     body: Column(
       mainAxisAlignment: MainAxisAlignment.start,
       children: <Widget>[
         Text('${_accumulator.value}'),
         TextField(
           onChanged: (data) {
             setState(() {
               num = int.parse(data);
             });
           },
         ),
         RaisedButton(
           child: Text('增长$num'),
           onPressed: () {
             setState(() {
               _accumulator.increment(num);
             });
           },
         )
       ],
     )
   );
 }
}

复制代码

未完待续……！