Flutter :go_router to pass the data of a list view to a detail page

Question

I want to open a detail page from a list view and not sure how to pass the value of the title clicked to other page

GoRoute(
  path: "/detailed_post/:title/:description",
  builder: (context, state) => DetailedPost(
    questionTitle: state.params['title']!,
    ),
  ),


class PostCard extends StatefulWidget {
  const PostCard({super.key, required this.title});
  final String title;

  @override
  State<PostCard> createState() => _PostCardState();
}


onTap: () {    
  GoRouter.of(context)
            .go('/detailed_post/...);
      },

What should I put in the ... instead, thanks

just realised ${widget.title} will work fine with this... – ngqh Mar 26 '23 at 18:26 — ngqh, Mar 26 '23 at 18:26

score 2 · Accepted Answer · answered Mar 26 '23 at 18:54

2

you can do this trick:

onTap: () {    
/// adding 
  GoRouter.of(context)
    .go('/detailed_post/${widget.title}/...');
},

and in DetailedPost you can retrieve the value of your title parameter from state.params['title'].

happy coding...

answered Mar 26 '23 at 18:54

Amirali Eric Janani

1,477
3
10
20

yes, it works as it should, thanks a lot mate – ngqh Mar 27 '23 at 02:24

Flutter :go_router to pass the data of a list view to a detail page

1 Answers1