Flutter: добавление отдельных ссылок в сетку

Вы можете создать еще один список ссылок и получить доступ к этим ссылкам внутри gridview по индексу, как вы это делаете с путями к изображениям. Вы также можете использовать список, где каждая карта может состоять из imagePath и ссылки и соответственно назначать это внутри вашего построителя сетки.

Я посылаю вам код, попробуйте его и дайте мне знать, если вы понимаете или нет. здесь, внутри ссылки, укажите пути, по которым вы хотите перемещаться. А также вам нужно добавить имена маршрутов на каждую страницу (если вы не знаете, спросите меня). onTap перенаправит вас на нужную страницу, которую вы добавили в карту _listItems выше.

    final List<Map> _listItem = [
    {'img': 'assets/image.jpeg', 'link': 'YourPageName'},
    {'img': 'assets/image.jpeg', 'link': 'myDesiredUrl'},
    {'img': 'assets/image.jpeg', 'link': 'myDesiredUrl'},
    {'img': 'assets/image.jpeg', 'link': 'myDesiredUrl'},
    {'img': 'assets/image.jpeg', 'link': 'myDesiredUrl'},
  ];

  @override
  Widget build(BuildContext context) {
    return Container(
      padding: const EdgeInsets.all(20.0),
      child: Column(
        children: <Widget>[
          Container(
            width: double.infinity,
            height: MediaQuery.of(context).size.height,
            decoration: const BoxDecoration(
                image: DecorationImage(
                    image: AssetImage('assets/images/food2.png'),
                    fit: BoxFit.cover)),
          ),
          const Align(
            alignment: Alignment.centerLeft,
            child: Text(
              "Donation Cards",
              style: TextStyle(
                fontFamily: 'Quicksand',
                fontSize: 31,
                color: Colors.black,
                fontWeight: FontWeight.w300,
              ),
            ),
          ),
          const Divider(color: Colors.black38),
          const SizedBox(
            height: 20,
          ),
          Expanded(
              child: GridView.count(
            crossAxisCount: 2,
            crossAxisSpacing: 10,
            mainAxisSpacing: 10,
            children: _listItem
                .map((item) => Card(
                      color: Colors.transparent,
                      elevation: 0,
                      child: GestureDetector(
                        onTap: () {
                          //Navigate to the desired page according to the map
                          //you can also check the index here of item list and navigate accordingly without creating map
                          Navigator.of(context).pushNamed(item['link']);
                        },
                        child: Container(
                          decoration: BoxDecoration(
                              borderRadius: BorderRadius.circular(20),
                              image: DecorationImage(
                                  image: AssetImage(item['img']),
                                  fit: BoxFit.cover)),
                        ),
                      ),
                    ))
                .toList(),
          ))
        ],
      ),
    );
  } ```