通过按钮将 int 值更改为 0

Question

我正在开发一个计数器应用程序，我有一个浮动操作按钮，可以显示它被点击的次数。我想创建一个重置点击按钮，通过按钮将浮动操作按钮的当前点击次数变为0。

Answer 1

创建第二个按钮。在 onTap 回调中插入一个方法来重置包含计数器值的变量。

Answer 2

我们来试试

import 'dart:ui';

import 'package:flutter/material.dart';

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',
      home: Test(),
    );
  }
}

class Test extends StatefulWidget {
  @override
  State<StatefulWidget> createState() {
    return _TestState();
  }
}

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        floatingActionButton: FloatingActionButton(
          child: InkWell(
            child: Icon(Icons.add),
            onTap: () {
              setState(() {
                counter++;
              });
            },
          ),
        ),
        appBar: AppBar(
          title: Text('My App'),
        ),
        body: Center(
          child: Column(
            children: [
              Text("$counter"),
              TextButton(
                onPressed: () {
                  setState(() {
                    counter = 0;
                  });
                },
                child: Text("Reset button"),
              ),
            ],
          ),
        ));
  }
}

输出：

通过按钮将 int 值更改为 0

Change int value to 0 via button

integer

dart

flutter