Flutter Scrollable TabBar

let me show you how to create these screw level tabs on flutter let's return to our IDE this is what we have at this moment let's change the text to default tab controller and set the length as 2. the child will be terrible now let's set up the tabs we'll make the first one and call it most popular duplicate this and make the second tab called beef and lamb here's how it looks at the moment it's time to add more tests so we'll set the length to 4. let's check it out it's not looking great but don't worry there is an easy fix we just need to set the easy scrollable to true perfect this is exactly what you wanted we need to know which tab is selected and on Tab does this for us now for the last step let's replace all the tabs that just says beef and lamp with the other name of the category I hope you enjoyed it if you like to see more videos like this please let me know in the comment section to get full code for this food app UI just check the description

Channel: The Flutter Way

Views: 11,473

Keywords: flutter, Android App, iOS app, mobile app, UI speed code, flutter app design, flutter responsive ui

Id: yRdvqaExHAU

Length: 1min 8sec (68 seconds)

Published: Mon Jul 24 2023