Flutter Travel UI Tutorial | Apps From Scratch

» Flutter courses, writeups, and source code on Launch Club 🧠

» Flutter Job Board 👋

Welcome to my Flutter Apps from Scratch tutorial series where you will learn Flutter and create amazing apps using Dart. In this video, you will build the layout of a travel UI and learn about stacks and position manipulation.

» Resources

» Timestamps
00:00:00 Introduction
00:00:36 File Structure Walkthrough
00:02:42 Home Screen
00:04:17 Selectable Icon Row
00:11:55 Destination Carousel
00:28:20 Hotel Carousel
00:32:56 Bottom Navigation Bar
00:36:44 Navigating to the Destination Screen
00:38:34 Destination Screen
00:43:46 Hero Animation
00:45:20 Destination Screen Image Stack
00:47:50 Activity List View
00:57:41 Ratings
00:59:00 Display Activity Image
01:01:05 Activity Tile Tweaks

» Remember to like, subscribe, share this video, and star the repo on Github :)

» Socials

» Outro Music

#Flutter #FlutterTutorial #AppsFromScratch

[JosueChamorro]

I love that you talk through every step you take. It really helps me to better understand and visualize the implementations!

[cleanbold]

Thank you so much for this tutorial❤, your teaching to analyze UI and then you starts coding each part is very helpful to understand code.✨your are different from other youtubers who are only does speed code. The way you explains everything makes you different from others🔥. Keep uploading this type of quality tutorials 🙏 it helps alot. Love from India ❤🔥

[Anstroy]

Thanks man, the way you structured the models helped me a lot to understand how classes work in Dart :)

[abolfazlrezaei]

Thank you for your great examples, as a beginner that inspire me when I see such a beautiful app is developing with flutter

[dontbotherreading]

One of the best presenters out there for sure, keep doing your thing,

[abraiyan]

OMG, those little optimizations are awesome, . Keep it up, planning to buy one of your courses. Thanks man. What I like most about this tutorial is, its just not about the UI, you can learn a lot of things about efficient programming here. The best channel to learn flutter :D

[jamemamjame]

I just step into a Flutter world for 3 days, and now I found my Idol :D

[jordybaylac]

great tutorial!!! the thing with the TextOverflow on minute 00:57:32 is so 🤯🤯🤯

[gwalaniarun]

Amazing tutorial man.
I am creating flutter apps for clients from 1 year now and created several apps.Still learnt some new tricks from you.
Keep it up.

[imransefat]

Dude you deserve million subscribers! Your voice recording is so smooth and accurate. The flow of the tutorial is so much better than others. Best of luck to you brother!

[mykmurry]

Best tutorial on flutter app dev from scratch

[lidorbt]

Awesome tutorial!

Nice to know: at 58:20 you can simply write
`Text _buildRatingStars(int rating) {
String stars = '';
stars = stars.padRight(rating, '⭐');

return Text(stars);
}
`


the padLeft/padRight function is very useful here (especially for those, like me, who hate for loops :D)

[mertkonti]

Like 2 minutes in and you've solved the issues I was having. I didn't realize that box for showing what was going on was there, I didn't

[TheRvh]

Great pace! I'm a web dev, new to app development and this is the right amount of detail to get to know Flutter. Clear explanations and just a nice example. Good stuff

[WandersonJacksonn]

This is amazing, after watching your videos, I'm building my own app and going to my first Startup event with my app in hands :)

[zeldataylor]

Hey! great work. Thanks for sharing these amazing tutorials. I quickly went over to look at your Udemy course and was quite surprise not very many people had signed up yet. My advice will be to merge both courses and make the title at least have "Production-ready" somewhere in there. Leaners nowadays want 'Full' courses not just a "todo" app. I hope this helps. You deserve more people on your course. Wishing you well. Oh, one more thing, remember to add local and remote storage, apps making API calls to another backend like Laravel and how to publish the apps to both app stores.

[Rassy_]

You event went ahead to structure the video outline in the description. Subscribed!

[danielakintola]

Thanks a lot for this video. I'm new to flutter and the video answered a lot of questions I had about UI

[sobinbenny]

Love you Marcus... 💜 Waiting for more videos...

[aalbero]

This is the best flutter video/tutorial I have seen so far... Congratulations!!