起初我从 this tutorial 实现 l10n到 Flutter 的模板项目文件，这是成功的。之后，我尝试将 MyHomePage 类移动到名为 home.dart 的新文件中。它停止工作是因为当我调用 Translations.of(context) 时它返回 vô giá trị。 main.dart Và home.dart TRONG BuildContext 有什么区别？

本地化.dart

import 'dart:async';
import 'dart:convert';

nhập 'gói:flutter/material.dart';
import 'package:flutter/services.dart';

class Translations {
  final Locale locale;
  Map _messages;

  Translations(this.locale);

  static Translations of(BuildContext context) => Localizations.of(context, Translations);

  Future load() async {
    String fileName = 'lang/${locale.languageCode}.json';
    String data = await rootBundle.loadString(fileName);

    _messages = json.decode(data);
    trả về giá trị đúng;
  }

  String get(String key) => _messages[key] ?? "** $key not found";
}

class TranslationsDelegate extends LocalizationsDelegate {
  @ghi đè
  bool isSupported(Locale locale) => ['en', 'id'].contains(locale.languageCode);

  @ghi đè
  Future load(Locale locale) async {
    Translations translations = new Translations(locale);
    await translations.load();

    return translations;
  }

  @ghi đè
  bool shouldReload(LocalizationsDelegate old) => false;

}

主.dart

nhập 'gói:flutter/material.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

import 'components/localization.dart';
import 'components/theme.dart';
import 'views/home.dart';

void main() => runApp(new MyApp());

lớp MyApp mở rộng StatelessWidget {
  // Tiện ích này là gốc của ứng dụng của bạn.
  @ghi đè
  Xây dựng tiện ích (BuildContext context) {
    trả về MaterialApp mới(
      onGenerateTitle: (BuildContext context) {
        print(context);
        return Translations.of(context).get('app_name');
      },
      theme: appTheme,
      home: MyHomePage(
        title: "Coba",
      ),
      debugShowCheckedModeBanner: sai,
      localizationsDelegates: [
        TranslationsDelegate(),
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate
      ],
      supportedLocales: [
        Locale("en", ""),
        Locale("id", ""),
      ],
    );
  }
}

家.飞镖

nhập 'gói:flutter/material.dart';

import 'package:kpop_idol/components/localization.dart';


lớp MyHomePage mở rộng StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @ghi đè
  _MyHomePageState createState() => new _MyHomePageState();
}

class _MyHomePageState extends State {
  @ghi đè
  Xây dựng tiện ích (BuildContext context) {
    trả lại Scaffold mới(
      appBar: AppBar mới(
        title: new Text(widget.title),
      ),
      body: new Center(
        child: new Column(
          mainAxisAlignment: MainAxisAlignment.center,
          trẻ em: [
            new Text(
              Translations.of(context).get('app_name'),
            ),
          ],
        ),
      ),
    );
  }
}

câu trả lời hay nhất

不要在文件 lib/main.dart 中使用相对导入

import 'components/localization.dart';
import 'components/theme.dart';
import 'views/home.dart';

应该是

import 'package:my_package/components/localization.dart';
import 'package:my_package/components/theme.dart';
import 'package:my_package/views/home.dart';

可以点赞关注https://github.com/dart-lang/sdk/issues/33076

关于localization - 将小部件移动到另一个文件后，Flutter Localization 功能不起作用？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52117807/