如何在颤振中显示工具栏操作批处理计数

Question

我正在一个购物车类型的应用程序中工作，我需要在其中显示购物车项目计数。如何在工具栏操作中显示项目计数。我冲浪了很多找不到解决方案。

Answer 1

您可以简单地添加一个带有图像和文本的按钮Action AppBar小部件。然后，无论何时添加项目，都需要更新操作中的文本。这里有一个工作简单的示例：

import 'package:flutter/material.dart';
void main() {
  runApp(new MaterialApp(
    title: "Sample",
    home: new Home(),
  ));
}
class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}
class _HomeState extends State<Home> {
  // save the total of the item here.
  int _total = 0;
  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      // add the AppBar to the page
      appBar: new AppBar(
        actions: <Widget>[
          // Add a FlatButton as an Action for the AppBar
          FlatButton(
            onPressed: () => {},
            child: Row(
              children: <Widget>[
                Icon(Icons.shop),
                Text("Total $_total")
              ],
            ),
          )
        ],
      ),
      floatingActionButton: new FloatingActionButton(
        child: Icon(Icons.add),
        onPressed: _increaseTotal,
        tooltip: "Add",
      ),
    );
  }
  // increase the total item whenever you click the FloatingActionBar
  void _increaseTotal() {
    setState(() {
      _total++;
    });
  }
}