Flutter - Differences Of The New Buttons? (ElevatedButton/TextButton/OutlinedButton)

Показать описание

Learn how to use the New Flutter Buttons here!

Welcome ElevatedButton, TextButton and OutlinedButton. Goodbye RaisedButton, FlatButton and OutlineButton?

Not necessarily.

But you should know the main differences between them.

That will make it easier for you to decide which ones are your favorite Material Design buttons!

What are the differences between the "old" buttons vs the "new" buttons?

Obviously the new ones are more in tune with the recent Material Design updates, but watch the video to see which ones you like best. The decision is all yours.

00:00 - Intro
00:20 - Old vs. New Buttons
00:40 - Showing Property Differences
01:02 - Differences on the UI
01:44 - How Colors Works Now
01:55 - Example With ElevatedButton
03:46 - Example With OutlinedButton
04:28 - Example With TextButton
06:02 - Showing The .icon Option
06:12 - What's New With Themes

#flutter #newbuttons #update

Credits:

OUTRO SONG:

Keywords:
Flutter, flutter tutorial, android studio, english, american accent, subtitles, closed captions, tutorial closed captions, flutter tutorial closed captions, flutter tutorial for beginners, flutter widgets, native english flutter tutorial,Dart tutorial,Dart language tutorial,Dart lang,Dart language,Dart

Рекомендации по теме

Комментарии

Thank you for this honest video omg I was suffering with ButtonStyle for real...wishing their documentation was more visual for designers like me

firdousnizar

thank you bro...😁👍🏻 nice explanation...❤️

indobuswisata

The only flutter migratiom that is a step backward IMO 👍

alvin

Jesus what a mess. My code looks insane. Also: if you change the button color to white, there's NO WAY to make the splash visible.

ohigetjokes

oooh boy. And there's the sound of the shoe dropping. I thought the upgrade was supposed to make flutter better. Is it too late to downgrade 🚶‍♂️

someguy

F*CK updates, outline button works perfectly, outlined button doesnt work (cant change border thickness or color) whatever I do

berkcan

Flutter - Differences Of The New Buttons? (ElevatedButton/TextButton/OutlinedButton)

How is Flutter different for app development

Flutter vs React Native vs. Swift/Kotlin In 5 Minutes

React Native vs Flutter in 2025 - Make the RIGHT Choice (Difference Explained)

Flutter - Expanded vs Flexible

Why should you learn flutter in 2024

Flutter VS React Native - The END 🛑

Stateless vs Stateful | Flutter Example

Why Flutter uses Dart

CANDY KINGDOM PALETTE Lots of Comparisons + More Looks with the Lethal x Adventure Time Palette

Flutter vs React - Shorts by Roman Just Codes

Difference between atrial fibrillation and atrial flutter F

Atrial Fibrillation (aFib) Vs Atrial Flutter (aFlutter): ECG Review

KMP vs. Flutter - Who Will Win The Cross-Platform Battle?

Flutter StreamBuilder vs FutureBuilder | Learn when to use them

Flutter State Management - The Grand Tour

React Native vs Flutter | Difference between React Native and Flutter | Intellipaat

React Native vs Flutter - Which One To Learn | Difference Between React Native & Flutter|Simplil...

Flutter - What Is The Difference Between The Child and Children Properties?

React Native VS Flutter | I analysed the app development market for both

Is There a Difference between Atrial Fibrillation and Atrial Flutter?

Comparative Analysis for Flutter and React Native | React native vs Flutter | Flutter Edureka Live

React Native vs Flutter In 2025

Clean Architecture in Flutter - All You Need to Know!

Flutter vs React Native: Choosing the Best Cross-Platform Mobile App Framework #flutter #reactnative