ListView with Navigator | Flutter Tutorial

how to navigate from a list view item to another details screen simply create a list view and place a card inside with this we have a title a subtitle and a trailing icon also add a leading image next let's make it more dynamic by creating a user class with a username email and image within our state we create a list of users and then we create one user with this username email and this image also let's add some more users to our list and lastly we display then the users within our list view we get each individual user and then we exchange our information so we display the image then also the user name and the email with this we have a beautiful list view with different users and lastly within the list tile you have the on tab handler and we navigate then to a new page a user page and put our current selected user inside let's also go to this user page firstly we get our user in our constructor and within the build method we have a scaffold where we display then the image and user information with this we can tap on any user and then we go to the detail page and we can also scroll down and click on another user and go to this detail page [Music] you

Channel: HeyFlutter․com

Views: 36,596

Keywords: flutter, flutter for beginners, flutter listview, flutter listview builder, flutter listview navigation, flutter listview ontap navigation, flutter navigate to another page, flutter navigate to new page, flutter navigate to new page with data, flutter navigate to route, flutter navigator, flutter tutorial, flutter widget, listview, navigation, navigation in flutter, navigator, navigator flutter, pass data between screen, programming

Id: 4tG8M4wK4F0

Length: 1min 30sec (90 seconds)

Published: Thu Apr 07 2022