Flutter计算器App中else if语句报Expected an Identifier错误求助

错误原因分析 #

1. 语法冗余：操作符判断行末尾多了一个多余的||，导致Dart无法识别合法表达式
2. if-else结构混乱：代码在一个else块之后又添加了else if，违反了Dart分支规则（else必须是分支链的最后一环）
3. 变量作用域错误：CLEAR分支里重新声明局部变量，未修改类的成员变量，清屏功能完全失效

修正后的完整代码 #

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Calculator'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});

  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  String output = '0';
  String _output = '0';
  double num1 = 0.0;
  double num2 = 0.0;
  String operand = '';

  buttonPressed(String buttonText) {
    if (buttonText == 'CLEAR') {
      // 直接修改类成员变量，而非声明局部变量
      _output = '0';
      num1 = 0.0;
      num2 = 0.0;
      operand = '';
    } else if (buttonText == '+' || buttonText == '-' || buttonText == '/' || buttonText == '*') {
      // 移除末尾多余的||
      num1 = double.parse(output);
      operand = buttonText;
      _output = '0';
    } else if (buttonText == '=') {
      // 调整分支位置，保证if-else结构合法
      num2 = double.parse(output);
      if(operand == '+'){
        _output = (num1 + num2).toString();
      }
      if(operand == '-'){
        _output = (num1 - num2).toString();
      }
      if(operand == '*'){
        _output = (num1 * num2).toString();
      }
      if(operand == '/'){
        _output = (num1 / num2).toString();
      }

      num1 = 0.0;
      num2 = 0.0;
      operand = '';
    } else if (buttonText == '.' && _output.contains('.')){
      // 优化小数点判断逻辑，仅拦截重复输入
      print('Already contains decimals');
      return;
    } else {
      // 统一处理数字、小数点和00输入
      _output += buttonText;
    }

    print(_output);

    setState(() {
      // 用三元运算符优化显示格式：整数显示整数，小数保留两位
      double parsed = double.parse(_output);
      output = parsed == parsed.toInt() 
          ? parsed.toInt().toString() 
          : parsed.toStringAsFixed(2);
    });
  }

  Widget buildButton(String buttonText) {
    return Expanded(
      child: OutlinedButton(
        onPressed: () => buttonPressed(buttonText),
        style: OutlinedButton.styleFrom(
          padding: const EdgeInsets.all(20.0),
        ),
        child: Text(
          buttonText,
          style: const TextStyle(fontSize: 24.0, fontWeight: FontWeight.bold),
        ),
      ),
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Container(
        child: Column(
          children: <Widget>[
            Container(
              alignment: Alignment.centerRight,
              padding: const EdgeInsets.symmetric(
                vertical: 24.0,
                horizontal: 12.0,
              ),
              child: Text(
                output,
                style: const TextStyle(
                  fontSize: 48.0,
                  fontWeight: FontWeight.bold,
                ),
              ),
            ),
            const Expanded(
              child: Divider(),
            ),
            Column(
              children: [
                Row(
                  children: [
                    buildButton('7'),
                    buildButton('8'),
                    buildButton('9'),
                    buildButton('/'),
                  ],
                ),
                Row(
                  children: [
                    buildButton('4'),
                    buildButton('5'),
                    buildButton('6'),
                    buildButton('*'),
                  ],
                ),
                Row(
                  children: [
                    buildButton('1'),
                    buildButton('2'),
                    buildButton('3'),
                    buildButton('-'),
                  ],
                ),
                Row(
                  children: [
                    buildButton('.'),
                    buildButton('0'),
                    buildButton('00'),
                    buildButton('+'),
                  ],
                ),
                Row(
                  children: [
                    buildButton('CLEAR'),
                    buildButton('='),
                  ],
                ),
              ],
            )
          ],
        ),
      ),
    );
  }
}

关键修改说明 #

1. 移除冗余符号：删掉操作符判断行末尾多余的||，解决第一个语法错误
2. 重构分支结构：把buttonText == '='的分支移到else之前，保证if-else链结构合法，解决第二个语法错误
3. 修复变量作用域：CLEAR分支直接修改类成员变量，确保清屏功能生效
4. 优化小数点逻辑：仅在用户重复输入小数点时拦截，不影响正常数字输入
5. 三元运算符应用：在setState里用条件 ? 满足值 : 不满足值的结构，优化显示格式，避免整数显示为12.00这种冗余格式

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