Flutter中Options类报错：setState方法未定义问题求助

错误原因 #

你的Options组件继承自StatelessWidget，而setState()是StatefulWidget专属的方法——无状态组件的属性和状态是不可变的，无法通过setState触发UI更新，这就是报错的核心原因。

解决方案：将组件改为StatefulWidget #

把StatelessWidget替换为StatefulWidget，并将状态变量移到对应的State类中，这样就能正常调用setState更新选中值了。修改后的代码如下：

import 'package:flutter/material.dart';

class Options extends StatefulWidget {
  const Options({Key? key}) : super(key: key);

  @override
  State<Options> createState() => _OptionsState();
}

class _OptionsState extends State<Options> {
  List<String> ratings = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];
  String? selectedRating = '1';

  @override
  Widget build(BuildContext context) {
    return Container(
      child: DropdownButton<String>(
        value: selectedRating,
        items: ratings
            .map((item) => DropdownMenuItem<String>(
                  value: item,
                  child: Text(item, style: const TextStyle(fontSize: 24)),
                ))
            .toList(),
        onChanged: (item) => setState(() => selectedRating = item),
      ),
    );
  }
}

关键修改点 #

• 将StatelessWidget改为StatefulWidget，并创建对应的_OptionsState类
• 把ratings和selectedRating移到State类中（状态变量必须放在State类里才能被setState管理）
• 在onChanged回调中正常调用setState更新选中值，触发UI重绘

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