- Видео 3
- Просмотров 4 326
CodX
Добавлен 7 авг 2018
TikTok Home Page Cloning | Flutter
Learn how to replicate TikTok's iconic UI using Flutter and essential packages:
font_awesome_flutter: Access a wide range of icons for your UI. pub.dev/packages/font_awesome_flutter
lottie: Integrate beautiful animations easily. pub.dev/packages/lottie
marquee: Create scrolling text effects. pub.dev/packages/marquee
video_player: Enable video playback functionality. pub.dev/packages/video_player
00:00 Introduction
00:31 TikTok Bottom Nav Bar
11:14 TabBar
17:22 Reacting Section
32:54 Details Section
40:59 Post Model and Mock data
50:04 Displaying Video
Follow along on GitHub for code samples. 🚀📱
GitHub Repo: github.com/Waheed-Ashraf/TikTok-UI-Cloning
🔗 CONNECT WITH ME
Facebook: waheed.ash...
font_awesome_flutter: Access a wide range of icons for your UI. pub.dev/packages/font_awesome_flutter
lottie: Integrate beautiful animations easily. pub.dev/packages/lottie
marquee: Create scrolling text effects. pub.dev/packages/marquee
video_player: Enable video playback functionality. pub.dev/packages/video_player
00:00 Introduction
00:31 TikTok Bottom Nav Bar
11:14 TabBar
17:22 Reacting Section
32:54 Details Section
40:59 Post Model and Mock data
50:04 Displaying Video
Follow along on GitHub for code samples. 🚀📱
GitHub Repo: github.com/Waheed-Ashraf/TikTok-UI-Cloning
🔗 CONNECT WITH ME
Facebook: waheed.ash...
Просмотров: 77
Видео
Flutter Animated Search Bar | Create Smooth Search Animation
Просмотров 2859 месяцев назад
🚀 Learn how to create a sleek animated search TextField in Flutter using the AnimatedContainer widget! Follow along step-by-step as I guide you through the process. 📝 Source code: github.com/Waheed-Ashraf/animated-search-textfield 🎯 Key Concepts: Using AnimatedContainer for smooth animations, building an interactive search TextField. 💬 Contact: Email: washraf124@gmil.com, Facebook: facebook.com...
Curved & Animated bottom navigation bar ( Flutter )
Просмотров 4 тыс.2 года назад
In this tutorial we will know how to create Animated Bottom Navigation Bar in Flutter, We will use a great flutter package called Curved Navigation Bar (link below): pub.dev/packages/curved_navigation_bar source code : github.com/Waheed-Ashraf/Curved-Animated-bottom-navigation-bar
🎉🎉🎉
Thanks bro
خیلی پر کاربرد و خوب بود ممنونم
you are a legend
can we change the color of the white portion if yes how?
got it it's just bottomNavigationBar: CurvedNavigationBar( color: Colors.red, )
Thanks It's helped me (Good Luck 👍👍👍
This video helped me a lot nigga ! Thanks bro! Keep it Up !!!
Amazing, Is this bar persistent? if you click on one button to go to a page that is not in the bottom tabs, will that navigation bar disappear? if not would be great if you make a video about that...
ماعرف هل انت عربي ولا لا لكن يشهد الله والله العظيم مع ان مبرمج الا إن ال bottom ذا ماعرف له لي اربع ايام معاني مع وضع الإنتقال لصفحات أخرى لأن الأغلب مايبي يسوي dart وينظمها مثلك الله يسعدك دنيا وآخره مثل ماسويت ذا الشرح وفادني فعلا شكرا لك ✨❤️
تسلم يا غالي
بسم الله ماشاء الله عليك ❤️❤️ عالمي 🔥🔥🔥
حبيب اخوك