Flutter Tutorial | Custom Tab Bar, Flutter Tab Bar, Scrollable TabBar in Flutter

Подписаться 9 тыс.

Просмотров 37 тыс.

50% 1

Flutter Tutorial | Custom Tab Bar, Flutter Tab Bar, Flutter UI , Scrollable TabBar in Flutter - #flutter #ui #mobile
📌 SUBSCRIBE ME
Here ► / programmingwithflexz
📱 Connect with me on Social Media!
📸 Instagram: Explore my coding journey and daily tech adventures ➡️ / codewithflexz
🚀 GitHub: Dive into my coding projects and repositories ➡️ github.com/Ami...
🌐 More Socials: Discover my other online platforms and stay connected ➡️ zaap.bio/CodeW...
📌 Get the Source Code:
Unlock the secrets behind my projects and contribute to the coding community
➡️ github.com/Ami...
💖 Thank You for Your Support!
Your encouragement keeps me going! Don't forget to like and subscribe for more exciting content. Let's code, learn, and grow together! 🧡

Опубликовано:

15 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 39

@dennysutanto8719 8 месяцев назад

HI, other than Icons, can you please make video like this, but in Body it's not Icons, but it's a Page, like Page 1, Page 2 Page 3 and so on... I really confused to make it a page, not icon.

@ProgrammingWithFlexZ 8 месяцев назад

Hey, appreciate your input! 🙌 Follow these steps to enhance your setup: 1. **Wrap the Body with PageView Widget:** Surround your body content with the PageView widget to enable smooth swiping between pages. 2. **Assign a Controller:** Make sure to assign a controller to the PageView. This gives you control over its behavior and allows you to manipulate it programmatically. 3. **Sync with Tab Bar:** When a new tab is selected, update the selected index of the PageView. Leverage the controller's animate to page function for a polished transition effect.

@azamovdev Год назад

is nice cool . good lucky . I did not have the strength to solve this problem. thank you 🔥

@ProgrammingWithFlexZ Год назад

Thank you so much for your feedback, I really appreciate it.😍❤🎉

@mohamadasadi2752 2 года назад

Great job 👏

@ProgrammingWithFlexZ 2 года назад

Thank you! 😃

@interestinggamer3776 8 месяцев назад

great jobb👍👍👍👍

@ProgrammingWithFlexZ 8 месяцев назад

Thank you so much! I really appreciate your kind words and encouragement! 🙌🎉

@dennysutanto8719 8 месяцев назад

Personal Timestamp 01:00

@lucasgen815 Год назад

Thanks for the video! Just wondering, what extension are you using to show the indent level?

@ProgrammingWithFlexZ Год назад

Hi, Thanks for your comment, check out this short video: ru-vid.comEBXGcZzI5rE?feature=share

@syyingem9686 11 месяцев назад

Hello bro, I can’t loop data in main body?

@ProgrammingWithFlexZ 11 месяцев назад

Hey mate, What do you mean by loop?

@syyingem9686 11 месяцев назад

@@ProgrammingWithFlexZ now I resolve thanks

@ProgrammingWithFlexZ 11 месяцев назад

Happy to hear that☺️

@programmingwormhole Год назад

How can i add different page on each tab?

@ProgrammingWithFlexZ Год назад

Wrap the body with the PageView widget, and assign it a controller. Additionally, when a new item is selected in the tab bar, modify the selected index of the PageView by utilizing its controller. Nevertheless, I will upload a comprehensive tutorial for your reference.

@mahdibayat1967 2 года назад

nice job, great contents for futter learners here *👌👍 *

@ProgrammingWithFlexZ 2 года назад

Glad to hear that!

@shameemali7275 Год назад

ithinu package onnum veande

@krsxishere Год назад

hai, can i include listview into column in main body?

@ProgrammingWithFlexZ Год назад

Hi, yes you can, you just need the wrap your listView to the Expanded widget to take all available space in the main body.

@nourhamada1409 Год назад

great job .. you're great

@ProgrammingWithFlexZ Год назад

That's very kind of you ☺❤, Your support is greatly appreciated.🤗

@azoraads8801 Год назад

Bro how can I add data to each tab?

@ProgrammingWithFlexZ Год назад

you just need to use a pageview widget in the body with a controller. Please DM me on Instagram if your problem does not resolve.

@shameemali7275 Год назад

Anyway Thank you so much

@ProgrammingWithFlexZ Год назад

Your welcome👍

@fimaljo7890 Год назад

how can i add data from api to the tab body

@ProgrammingWithFlexZ Год назад

Just fetch it from api with Dio or Http package, put it on a list, read the list in Listview, and show it.

@fimaljo7890 Год назад

@@ProgrammingWithFlexZ but how can i add to the tab body

@azoraads8801 Год назад

@@fimaljo7890 did u got it? if yes, please tell me also

@mapleex 5 месяцев назад

not working

@ProgrammingWithFlexZ 5 месяцев назад

Thanks a bunch for sharing your thoughts! 😊 Could you help me understand which part you're having trouble with? By the way, feel free to peek at the source code if it helps! 🌟

@soylucario19 Год назад

THANKS, how can i slide ?

@ProgrammingWithFlexZ Год назад

You need to wrap the body with PageView Widget and create the controller for it. and whenever you click on the any of Tabbar buttons you need to use the controller and AnimatePageTo arg to Scroll to the specific page.

@soylucario19 Год назад

@@ProgrammingWithFlexZ yeah!