Как мне передать переменную по значению в Flutter MaterialPageRoute?

#flutter #dart

#flutter #dart

Вопрос:

У меня есть индекс цикла, который создает ~ 20 списков, которые переходят на второй экран, ссылающийся на его индекс. Однако похоже, что она передается по ссылке, поскольку значение всегда одно и то же на втором экране

определяемый пользователем верхний предел… for(int i=0; i<upper_bound;i )

{ … Контейнер -> Список ->

     title: GestureDetector(
      onTap: () async {
          var returnData = await Navigator.push(
              context,
              MaterialPageRoute(builder: (context) =>
                  SecondScreen(
                      index: i,
                  ))
          );}
 

}
В этой ситуации второй экран всегда получает индекс как upper_bound, а не значение, которое я ожидаю, которое является значением во время цикла. Как я могу передать текущее значение индекса?

Комментарии:

1. Я думаю, что теперь это будет работать с использованием предопределенного списка. Я должен немного изменить его, но этот метод должен работать.

Ответ №1:

на первой странице / экране

 @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        title: new Text("ListTile Example"),
      ),
      body: new ListView(
        children: new List.generate(20, (int index) {
          return new ListTile(
            onTap: () {
              Navigator.of(context).push(
                PageRouteBuilder(
                  opaque: false,
                  pageBuilder: (BuildContext context, _, __) => NextPage(
                    number: index,
                  ),
                ),
              );
            },
            title: new Text(
              "Index No #$index",
              style: new TextStyle(fontWeight: FontWeight.w500, fontSize: 25.0),
            ),
            subtitle: new Text("My subtitle is"),
          );
        }),
      ),
    );
  }
 

на следующей или второй странице

 import 'package:flutter/material.dart';

class NextPage extends StatefulWidget {
  final int number;

  NextPage({
    Key key,
    @required this.number,
  }) : super(key: key);
  @override
  _NextPageState createState() => _NextPageState();
}

class _NextPageState extends State<NextPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text(widget.number.toString()),
      ),
    );
  }
}
 

Комментарии:

1. Понял. Извиняюсь. Я должен был быть более ясным. Я думаю, это работает, потому что для определения индекса используются значения списка. На самом деле я не знаю верхней границы, поэтому все, что я знаю, это ссылка на значение счетчика цикла for. Можно ли это переработать таким образом?