Flutter widget.somethingstatefulwidget

我有一个名为CategoryComponents的类，在这个示例中它只有一个变量“NAME”，其他名为Samsung和MoreAboutProduct的类，我将在下面几行中添加其他类的代码，我想在Samsung中调用CategoryComponents类并传递NAME和其他值的值（为了简单起见，本例中未显示其他值），我想在Samsung类中显示NAME的价值，他们的将是CategoryComponents类中的底部，这将我转移到MoreAboutProduct类，并显示有关产品的更多信息，但一些数据必须仅用于第一个产品，这就是为什么我需要Samsung和MoreAboutProduct之间的连接，我找到了一种方法，但我确实有一些理解代码的问题，特别是导航器部分，以及在Samsung类的构造函数参数中传递的CategoryComponents中的变量如何在MoreAboutProduct类中访问？以及widget.NAME部分，我知道这是一个很长的问题，但如果你想否决它，请先给我一个答案

import 'package:duck/MoreAboutProduct.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';

class CategoryComponents extends StatelessWidget {
  final String NAME;
 CategoryComponents(
  this.NAME);

    @override
  Widget build(BuildContext context) {
    return Column(
     children:[
       Text($NAME),
       RaisedButton( 
child : Text(More Info),

onPressed:(){

Navigator.of(context).push(MaterialPageRoute(builder: (context) {
    return MoreAboutProduct(
    NAMEp: NAME,

}
    ),
    ],);

这是Samsung类，它们是我要传递的其他参数，但在本例中只有一个参数，只是为了让您理解我的问题，这也是我使用ListView.builder的原因

import 'package:duck/MoreAboutProduct.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'CategoryComponents.dart';

class Samsung extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      key: _x,
      appBar: myAppbar("Samsung"),
      body: FutureBuilder(
        future: getData(),
        builder: (context, snapshot) {
          if (snapshot.hasData) {
            return ListView.builder(
                itemCount: snapshot.data.length,
                itemBuilder: (context, index) {
                  return CategoryComponents(
                    snapshot.data[index]['NAME']
)};

import'包：duck/myAppbar.dart'；
进口“包装：颤振/cupertino.dart”；
进口“包装：颤振/材料.省道”；
导入“myCarousel.dart”；
将“package:http/http.dart”导入为http；
导入“dart:convert”；
类MoreAboutProduct扩展StatefulWidget{
最后一个字符串NAMEp；
更多关于产品(
{this.NAMEp}）；
}
@凌驾
_MoreAboutProductState createState（）=>_MoreAboutProductState（）；
}
类_MoreAboutProductState扩展了状态{
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:。。。，
正文：专栏(
儿童：[
...
),
扩大(
子：容器(
子项：ListView.builder(
itemCount:widget.snapshotLengthp，
itemBuilder：（上下文，索引）{
返回容器(
子：列(
儿童：[
规范详细信息（上下文“NAME”，widget.NAMEp），
....
],
),);},),),),),);

规格详细信息是一个负责样式的功能，无需显示

以下是一些运行示例：

---

您可以在应用程序中创建命名路由

import 'package:duck/myAppbar.dart';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'myCarousel.dart';
import 'package:http/http.dart' as http;
import 'dart:convert';

class MoreAboutProduct extends StatefulWidget {
  final String NAMEp;
MoreAboutProduct(
  {this.NAMEp});
}
 @override
  _MoreAboutProductState createState() => _MoreAboutProductState();
}

class _MoreAboutProductState extends State<MoreAboutProduct> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: ...,
      body: Column(
        children: [
         ...
          ),
          Expanded(
            child: Container(
              child: ListView.builder(
                itemCount: widget.snapshotLengthp,
                itemBuilder: (context, index) {
                  return Container(
                    child: Column(
                      children: [
                        SpecificationsDetails(context, 'NAME', widget.NAMEp),
....
],
),);},),),),),);

来自颤振文档的代码

在类别组件类中，您可以有如下内容：

MaterialApp(
  // Start the app with the "/" named route. In this case, the app starts
  initialRoute: '/',
  routes: {
    '/': (context) => HomePage(),
    '/more_about_products': (context) => MoreAboutProduct(),
    
    '/samsung': (context) => Samsung(),
  },
);

 Navigator.of(context).pushNamed("/more_about_products", arguments = {name: this.NAME});

之后，您可以使用ModalRoute在MoreAboutProducts中获取此参数，如下所示：

MaterialApp(
  // Start the app with the "/" named route. In this case, the app starts
  initialRoute: '/',
  routes: {
    '/': (context) => HomePage(),
    '/more_about_products': (context) => MoreAboutProduct(),
    
    '/samsung': (context) => Samsung(),
  },
);

 Navigator.of(context).pushNamed("/more_about_products", arguments = {name: this.NAME});

class\u更多关于产品状态扩展状态{
@凌驾
小部件构建（构建上下文）{
final args=ModalRoute.of（context.settings.arguments）；
//要获取**name**参数，请使用***args.name***，就像下面的打印函数一样。
打印（参数名称）
返回脚手架(
appBar:。。。，
正文：专栏(
儿童：[
...
),
扩大(
子：容器（…等代码…）。。。。

请阅读打印功能和ModalRoute之间的注释

有关更多信息，请查看和