如何在Flutter中使用UTF-8切换语言？尝试后未成功求解

1. 修复代码语法错误 #

你的fetchMos方法第一行存在无效写法：

String mosUrl = (); // 缺少实际接口URL，属于语法错误

替换为真实的多语言接口地址，示例：

String mosUrl = "https://your-api-domain.com/multi-lang-data";

2. 显式指定UTF-8解码响应内容 #

虽然json.decode默认支持UTF-8，但显式解码能避免编码不明确导致的乱码问题：

// 先导入dart:convert包
import 'dart:convert';

// 替换原有解析逻辑
if (response.statusCode == 200) {
  // 用utf8解码字节数据，确保中文等UTF-8字符正常解析
  String responseBody = utf8.decode(response.bodyBytes);
  var items = json.decode(responseBody)['items'];
  
  print(items);
  setState(() {
    mos = items;
  });
}

3. 结合Flutter本地化框架落地语言切换 #

仅获取多语言数据无法直接实现UI语言切换，需要结合Flutter本地化机制：

• 定义本地化类封装数据获取：

class AppLocales {
  final Map<String, String> langData;

  AppLocales(this.langData);

  static AppLocales of(BuildContext context) {
    return Localizations.of<AppLocales>(context, AppLocales)!;
  }

  String get(String key) {
    return langData[key] ?? key;
  }
}

• 在MaterialApp中配置本地化代理：

MaterialApp(
  localizationsDelegates: [
    AppLocalesDelegate(mos), // 传入接口获取的mos多语言数据
    GlobalMaterialLocalizations.delegate,
    GlobalWidgetsLocalizations.delegate,
  ],
  supportedLocales: [const Locale('zh'), const Locale('en')], // 配置支持的语言
  // ...其他页面配置
)

• 在UI中调用切换文本：

Text(AppLocales.of(context).get('welcome_text'))

4. 排查接口返回异常 #

从截图推测可能存在请求或解析错误，建议：

• 打印response.statusCode和response.body，确认接口是否正常返回数据
• 检查返回的JSON结构是否包含items字段，格式是否符合预期

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