Блог

 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,

}
    ),
    ],);
  

У меня есть этот класс с именем CategoryComponents, в этом примере он имеет только 1 переменную ‘NAME’, а другие классы с именами Samsung и MoreAboutProduct, я добавлю код других в следующих строках, я хотел вызвать класс CategoryComponents в Samsung и передать значение NAME и другие значения (не показывая другиезначения в этом примере для простоты), я хотел показать значение NAME в классе Samsung, и они будут внизу в классе CategoryComponents, которые переводят меня в класс MoreAboutProduct и показывают больше информации о продукте, но некоторые данные должны быть только для первого продукта, поэтому мне нужно соединение между Samsung иПодробнее о продукте, я нашел способ сделать это, но у меня действительно есть некоторые проблемы с пониманием кода, особенно части Navigator, и как переменная в CategoryComponents, которая передается в параметре конструктора в классе Samsung, может быть доступна в классе MoreAboutProduct? и виджет.НАЗОВИТЕ часть, я знаю, что это довольно длинный вопрос, но, пожалуйста, если вы хотите отказаться от голосования, сначала дайте мне ответ.

 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']
)};
  

Это класс Samsung, это другие параметры, которые я передаю, но только один из них в этом примере просто упрощает, чтобы вы поняли мой вопрос, и именно поэтому я использую ListView.builder.

 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),
....
],
),);},),),),),);
  

SpecificationsDetails — это функция, отвечающая за стиль, ее не нужно показывать.

вот несколько примеров запусков :

Это изображение относится к классу Samsung, но класс Categorycomponents отвечает за передачу ему данных и стиль

И это в классе MoreAboutProduct

Вы можете создавать именованные маршруты в своем приложении.

 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(),
  },
);
  

код из документов flutter.

В классе компонентов категории у вас может быть что-то вроде этого:

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

после этого вы можете использовать этот аргумент внутри MoreAboutProducts с помощью ModalRoute следующим образом:

 class _MoreAboutProductState extends State<MoreAboutProduct> {
  @override
  Widget build(BuildContext context) {

    final args = ModalRoute.of(context).settings.arguments;
    // to grab the **name** argument use ***args.name*** like in print function below.
    print(args.name)
    return Scaffold(
      appBar: ...,
      body: Column(
        children: [
         ...
          ),
          Expanded(
            child: Container(...etc code....
  

Пожалуйста, прочитайте комментарий между функцией печати и модальным маршрутом.

для получения дополнительной информации просмотрите flutter именованные маршруты и передачу аргументов именованным маршрутам