Flutter中从TextEditingController获取整数实现乘法表的问题

你遇到的核心问题是直接把TextEditingController对象当成数字做运算——TextEditingController是用来管理输入框内容的对象，并非数值类型，所以*运算符不支持对它进行操作。下面是具体修复步骤和完整代码：

关键修复点 #

• 从TextEditingController的text属性提取用户输入的字符串，再转换为整数类型
• 增加输入合法性校验，处理空输入或非数字输入的异常情况
• 修正TextFormField的控制器引用，确保和定义的控制器关联

修复后的完整代码 #

TextEditingController numController = TextEditingController(); // 重命名变量，避免和Dart内置num类型冲突

void table() {
  // 获取并清理输入文本
  String inputText = numController.text.trim();
  if (inputText.isEmpty) {
    print('请输入一个数字');
    return;
  }

  // 尝试将字符串转为整数，处理非数字输入
  int? number = int.tryParse(inputText);
  if (number == null) {
    print('请输入有效的整数');
    return;
  }

  print('输入的数字: $number');
  for (var i = 1; i <= 10; i++) {
    print('$number * $i = ${number * i}');
  }
}

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Column(
      children: [
        TextFormField(
          controller: numController, // 使用定义好的控制器，而非新建实例
          keyboardType: TextInputType.number, // 限制弹出数字键盘
          decoration: const InputDecoration(
            hintText: '请输入一个数字',
          ),
        ),
        Container(
          height: 400,
          width: 400,
          decoration: BoxDecoration(
            color: Colors.black,
            borderRadius: BorderRadius.circular(20),
          ),
          child: ElevatedButton(
            onPressed: table,
            child: const Text('生成乘法表'), // 为按钮添加可见文本
          ),
        ),
      ],
    ),
  );
}

额外优化说明 #

• 变量名改为numController，避免和Dart内置的num数值类型重名混淆
• 添加keyboardType配置，让输入法默认弹出数字键盘，提升用户操作体验
• 加入输入校验逻辑，避免空输入或非数字输入引发程序崩溃

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