Flutter程序问题：无法通过减号按钮删除生成的数字

嘿，你的加号按钮功能正常，但减号按钮失效的原因很明确——你用错了列表的删除方法！

问题出在哪？ #

你当前的减号按钮逻辑是这样的：

void onClickedMinus() {
  setState(() {
    numbers.remove(numbers.length);
  });
}

List.remove(value)方法的作用是移除列表中第一个匹配value的元素，但你传入的numbers.length是列表的长度值，而你的列表里的元素是0、1、2...（比如列表有3个元素时，length是3，但列表里最大的元素是2），这个值根本不在列表里，所以自然删不掉任何内容。

正确的实现方式 #

要实现“依次删除最后生成的数字”，你应该用这两种方法之一：

1. removeLast()：直接删除列表的最后一个元素（最简洁）
2. removeAt(index)：通过索引删除，最后一个元素的索引是numbers.length - 1

同时别忘了加空列表判断，避免空列表时点击减号抛出异常。修改后的onClickedMinus方法如下：

void onClickedMinus() {
  setState(() {
    // 只有列表不为空时才执行删除操作
    if (numbers.isNotEmpty) {
      numbers.removeLast();
      // 或者用 numbers.removeAt(numbers.length - 1);
    }
  });
}

修改后的完整代码 #

import 'package:flutter/material.dart';

void main() {
  runApp(App());
}

class App extends StatefulWidget {
  @override
  State<App> createState() => _AppState();
}

class _AppState extends State<App> {
  List<int> numbers = [];

  int counter = 0;

  void onClickedPlus() {
    setState(() {
      numbers.add(numbers.length);
    });
  }

  void onClickedMinus() {
    setState(() {
      if (numbers.isNotEmpty) {
        numbers.removeLast();
      }
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        backgroundColor: const Color(0xFFF4EDDB),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              const Text(
                'Click Count',
                style: TextStyle(fontSize: 30),
              ),
              for (var n in numbers) Text('$n'),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  IconButton(
                    iconSize: 40,
                    onPressed: onClickedPlus,
                    icon: const Icon(Icons.add_box_rounded),
                  ),
                  IconButton(
                    iconSize: 40,
                    onPressed: onClickedMinus,
                    icon: const Icon(Icons.remove_circle_outline_rounded),
                  ),
                ],
              ),
            ],
          ),
        ),
      ),
    );
  }
}

现在点击减号按钮，就能依次删除最后生成的数字啦～

内容的提问来源于stack exchange，提问作者loupdaniel