import 'package:flutter/material.dart';

// StatelessWidget 示例
class MyStatelessWidget extends StatelessWidget {
  final String title;

  const MyStatelessWidget({super.key, required this.title});

  @override
  Widget build(BuildContext context) {
    return Text(title);
  }
}

// StatefulWidget 示例
class MyStatefulWidget extends StatefulWidget {
  const MyStatefulWidget({super.key});

  @override
  State<MyStatefulWidget> createState() => _MyStatefulWidgetState();
}

class _MyStatefulWidgetState extends State<MyStatefulWidget> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text('Counter: $_counter'),
        ElevatedButton(
          onPressed: _incrementCounter,
          child: const Text('Increment'),
        ),
      ],
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      appBar: AppBar(title: const Text('Widget 示例')),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: const [
            MyStatelessWidget(title: 'Hello StatelessWidget'),
            MyStatefulWidget(),
          ],
        ),
      ),
    ),
  ));
}

import 'package:flutter/material.dart';
import 'dart:math';

class Item {
  final int id;
  final Color color;

  Item(this.id, this.color);
}

class KeyExampleScreen extends StatefulWidget {
  const KeyExampleScreen({super.key});

  @override
  State<KeyExampleScreen> createState() => _KeyExampleScreenState();
}

class _KeyExampleScreenState extends State<KeyExampleScreen> {
  List<Item> _items = [];

  @override
  void initState() {
    super.initState();
    _generateItems();
  }

  void _generateItems() {
    final random = Random();
    _items = List.generate(5, (index) => Item(index, Color.fromRGBO(random.nextInt(256), random.nextInt(256), random.nextInt(256), 1.0)));
  }

  void _shuffleItems() {
    setState(() {
      _items.shuffle(); // 随机打乱列表顺序
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Key 属性示例'),
        actions: [
          IconButton(
            icon: const Icon(Icons.shuffle),
            onPressed: _shuffleItems,
          ),
        ],
      ),
      body: ListView(
        children: _items.map((item) {
          // 两种情况：有 Key 和 无 Key
          // 如果没有 Key，当列表顺序改变时，Flutter 可能会复用错误的 Element，导致状态混乱
          // 如果有 Key，Flutter 会根据 Key 识别 Element，确保状态正确对应
          return ItemWidget(
            // key: ValueKey(item.id), // 使用 ValueKey，推荐在列表项中使用
            item: item,
          );
        }).toList(),
      ),
    );
  }
}

class ItemWidget extends StatefulWidget {
  final Item item;

  const ItemWidget({super.key, required this.item});

  @override
  State<ItemWidget> createState() => _ItemWidgetState();
}

class _ItemWidgetState extends State<ItemWidget> {
  int _counter = 0;

  @override
  Widget build(BuildContext context) {
    print('Building ItemWidget for ID: ${widget.item.id}');
    return Card(
      color: widget.item.color,
      margin: const EdgeInsets.all(8.0),
      child: ListTile(
        title: Text('Item ID: ${widget.item.id}'),
        subtitle: Text('Counter: $_counter'),
        trailing: IconButton(
          icon: const Icon(Icons.add),
          onPressed: () {
            setState(() {
              _counter++;
            });
          },
        ),
      ),
    );
  }
}

void main() {
  runApp(const MaterialApp(home: KeyExampleScreen()));
}

              _buildButton("6"),
              _buildButton("×"),
            ],
          ),
          Row(
            children: <Widget>[
              _buildButton("1"),
              _buildButton("2"),
              _buildButton("3"),
              _buildButton("-"),
            ],
          ),
          Row(
            children: <Widget>[
              _buildButton("."),
              _buildButton("0"),
              _buildButton("="),
              _buildButton("+"),
            ],
          ),
          Row(
            children: <Widget>[
              _buildButton("CLEAR"),
            ],
          ),
        ],
      ),
    ],
  ),
);

**案例分析：**

*   **算术运算符 (`+`, `-`, `*`, `/`)**：在 `_buttonPressed` 方法中，当用户点击运算符按钮时，会根据 `_operator` 变量执行相应的算术运算。例如 `_num1 + _num2`、`_num1 - _num2` 等。
*   **赋值运算符 (`=`, `+=`)**：`_output = '0'`、`_num1 = double.parse(_output)` 等都是赋值操作。在处理数字输入时，`_output += buttonText` 演示了字符串的连接赋值操作。
*   **条件运算符 (`? :`)**：在处理除法时，`_output = (_num2 != 0) ? (_num1 / _num2).toString() : 'Error';` 使用了三元运算符。它检查除数 `_num2` 是否为零，如果为零则显示“Error”，否则执行除法运算。这有效地避免了除以零的运行时错误。
*   **关系运算符 (`==`, `!=`)**：在 `if` 语句中，`buttonText == 'CLEAR'`、`_num2 != 0` 等都使用了关系运算符进行条件判断。
*   **逻辑运算符 (`||`)**：在判断是否为运算符按钮时，`buttonText == '+' || buttonText == '-' || ...` 使用了逻辑或运算符，只要满足其中一个条件即可。
*   **类型转换 (`double.parse`)**：将字符串形式的数字转换为 `double` 类型进行计算。

这个计算器案例展示了 Dart 中各种运算符在实际 Flutter 应用中的应用。通过这些运算符，我们可以实现复杂的逻辑判断、数据处理和用户交互，从而构建出功能完善的应用程序。