2、深入研究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);
             });
           },
         )
       ],
     )
   );
 }
}

未完待续……！

文章永久链接：https://tech.souyunku.com/?p=42730