Flutter报错：_ChangeCountryPageState无法返回为State<ChangeCountryPage>

错误原因 #

你定义的ChangeLanguagePage是独立的StatefulWidget，但在createState方法里错误地指定返回类型为State<ChangeCountryPage>，还返回了属于ChangeCountryPage的_ChangeCountryPageState——两者类型完全不匹配，Flutter无法将国家页面的State绑定到语言页面上，因此抛出类型错误。

解决方案 #

需要让State类与当前Widget严格对应，修改代码如下：

修正后的完整代码示例 #

import 'package:ecommerce_int2/app_properties.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

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

  // 修正返回类型为当前页面的State泛型
  @override
  State<ChangeLanguagePage> createState() => _ChangeLanguagePageState();
}

// 创建属于ChangeLanguagePage的专属State类
class _ChangeLanguagePageState extends State<ChangeLanguagePage> {
  // 预设语言列表，可根据需求自定义
  final List<Map<String, String>> languages = [
    {'name': '中文', 'code': 'zh'},
    {'name': 'English', 'code': 'en'},
    {'name': '日本語', 'code': 'ja'},
  ];
  
  String? selectedLangCode;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('选择语言'),
        backgroundColor: AppProperties.mainColor, // 复用项目主题色
      ),
      body: ListView.separated(
        padding: const EdgeInsets.symmetric(vertical: 16),
        itemCount: languages.length,
        separatorBuilder: (context, index) => const Divider(height: 1),
        itemBuilder: (context, index) {
          final lang = languages[index];
          final isSelected = selectedLangCode == lang['code'];
          
          return ListTile(
            title: Text(lang['name']!),
            leading: isSelected ? const Icon(Icons.check_circle, color: Colors.green) : null,
            onTap: () {
              setState(() {
                selectedLangCode = lang['code'];
              });
              // 此处添加保存语言设置、切换应用语言的逻辑
            },
          );
        },
      ),
    );
  }
}

关键修改点 #

• 将createState的返回类型从State<ChangeCountryPage>改为State<ChangeLanguagePage>
• 创建_ChangeLanguagePageState类，替代原来的_ChangeCountryPageState，确保State与Widget一一对应
• 移除无关的change_country.dart导入，当前页面不需要依赖国家选择的代码

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