flutter未定义的名称＆＃x27;上下文＆＃x27;用于本地化

Question

有任何帮助，请如何通过此处的本地化上下文？ 错误说：未定义的名称“上下文”。尝试将名称纠正为定义的名称，或定义名称。

category1.dart

import 'package:flutter/material.dart';
import 'package:myproject/classes/item.dart';
import 'page_details.dart';
import 'package:myproject/classes/language_constants.dart';

List<Item> detailsList = [
  Item(
      name: translation(context).name_1,
      image: 'assets/rivers/object1.jpg',
      details: translation(context).details_1,
      facts: [
        translation(context).fact_1_1,
        translation(context).fact_1_2,
        translation(context).fact_1_3,
      ],
    photolink: '',
    author: '',
    licensetype: '',
    licenselink: '',
  ),
  Item(
      name: translation(context).name_2,
      image: 'assets/rivers/object1.jpg',
      details: translation(context).details_2,
      facts: [
        translation(context).fact_2_1,
        translation(context).fact_2_2,
        translation(context).fact_2_3,
      ],
    photolink: '',
    author: '',
    licensetype: '',
    licenselink: '',
  ),
] 

tranlation（）定义如下：

language_constants.dart

import 'package:flutter/material.dart';
import 'package:flutter_gen/gen_l10n/app_localizations.dart';

AppLocalizations translation(BuildContext context) {
  return AppLocalizations.of(context)!;
}

类项目定义如下：

item.dart

class Item {
  final String name;
  final String image;
  final String details;
  final String photolink;
  final String author;
  final String licensetype;
  final String licenselink;
  List<String> facts = <String>[];

  Item({
    required this.name,
    required this.image,
    required this.details,
    required this.facts,
    required this.photolink,
    required this.author,
    required this.licensetype,
    required this.licenselink,
  });
}

我将适当的类项目作为内容通过详细信息列表[index]

category1.dart

ElevatedButton.icon(
          style: ElevatedButton.styleFrom(
            padding: const EdgeInsets.only(left: 8, right: 8),
            minimumSize: const Size(30, 30),
          ),
          onPressed: () {
            _navigateToPageDetails(context, detailsList[index]);
          },
...
)

和材料pageroute（）：

category1.dart

_navigateToPageDetails(BuildContext context, Item item) async {
    await Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => PageDetails(
          item: item,
        ),
      ),
    );
  }

最后：

page_details.dart

import 'package:myproject/classes/item.dart';

class PageDetails extends StatefulWidget {
  final Item item;

  const PageDetails({Key? key, required this.item}) : super(key: key);

  @override
  State<PageDetails> createState() => _PageDetailsState();
}

class _PageDetailsState extends State<PageDetails> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.item.name),
      ),
      body: SingleChildScrollView(
        child:Column(
          children: [
            Image.asset(widget.item.image),
            ...

所以，我不明白如何传递上下文对于类项目，这样简单的代码不会引发错误：

translation(context).name_1,
-->
Error: Undefined name 'context'.

我尝试将buildContext上下文上下文添加到类中，但这无济于事。 我尝试使用widget.context-相同，这无济于事。 也许班级项目应该扩展一些课程？但是尝试这也无济于事。

请帮助我..

在上面的Saichi Okuma的完美建议后，更新答案后

，我想从我的应用程序中分享代码，以便也许对其他人有用。

Item detailsList(BuildContext context, index) {
  final List<Item> list = [];

  list.addAll([
    Item(
        name: translation(context).name_1,
        image: 'assets/rivers/object1.jpg',
        details: translation(context).details_1,
        facts: [
          translation(context).fact_1_1,
          translation(context).fact_1_2,
          translation(context).fact_1_3,
        ],
      photolink: '',
      author: '',
      licensetype: '',
      licenselink: '',
    ),
    Item(
        name: translation(context).name_2,
        image: 'assets/rivers/object2.jpg',
        details: translation(context).details_2,
        facts: [
          translation(context).fact_2_1,
          translation(context).fact_2_2,
          translation(context).fact_2_3,
        ],
      photolink: '',
      author: '',
      licensetype: '',
      licenselink: '',
    ),
  ]);
  
  final Item element = list[index];

  return element;
}

上面的功能获取上下文并返回类项目所需的元素。

然后，我不使用列表（如旧的初始代码），而是将该方法称为如下：

onPressed: () {
            _navigateToPageDetails(context, detailsList(context, index));
          }, 

Answer 1

当您构建列表时，没有上下文，这就是为什么您会遇到错误的原因。解决，保持逻辑的简单方法：

List<Item> detailsList(BuildContext context) {
  final List<Item> list = [];
  
  list.addAll([
    Item(
        name: translation(context).name_1,
        image: 'assets/rivers/object1.jpg',
        details: translation(context).details_1,
        facts: [
          translation(context).fact_1_1,
          translation(context).fact_1_2,
          translation(context).fact_1_3,
        ],
      photolink: '',
      author: '',
      licensetype: '',
      licenselink: '',
    ),
    Item(
        name: translation(context).name_2,
        image: 'assets/rivers/object1.jpg',
        details: translation(context).details_2,
        facts: [
          translation(context).fact_2_1,
          translation(context).fact_2_2,
          translation(context).fact_2_3,
        ],
      photolink: '',
      author: '',
      licensetype: '',
      licenselink: '',
    ),
  ]);
  
  return list;
} 

当您请求列表时，将上下文作为参数传递。