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

複製代碼

未完待續……！