Тёмный

Division - Style Your Flutter Widgets Without Confusion (Flutter Tutorial) 

Reso Coder
Подписаться 113 тыс.
Просмотров 29 тыс.
50% 1

📗 Learn from the written tutorial 👇👇
resocoder.com/flutter-divisio...
🎯 The biggest Flutter conference in Europe:
fluttereurope.dev
📧 Get Flutter news 📰 and resources:
👉 flutter.education
👨‍💻 Do you write good code? Find out now!
resocoder.com/good-code-quiz
In Flutter, everything is a widget. You can freely compose them and create your own which is awesome! However, there are certain inconsistencies and lacking features that make styling and positioning widgets a pain. What's more, it's pretty tough to extract a style of a widget. What if you want to reuse just the padding and border radius on multiple different widgets? Well, you're out of luck...
Unless you use a package called division which allows you to do just that! Extract styles and make styling an enjoyable endeavor by streamlining certain processes.
Go to my website for more information, code examples, and articles:
● resocoder.com
Follow me on social media:
● / resocoder
● / resocoder
● / resocoder

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

 

4 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 52   
@waldherrweiss
@waldherrweiss 4 года назад
Great video! To seperate all styles including the state-dependent style from the widgets, you could also define functions instead of final variables (e.g. final style = () => ParentStyle()..elevation(isBeingTapped? 3 : 10); ).
@ResoCoder
@ResoCoder 4 года назад
Great observation!
@stevenverhoest9055
@stevenverhoest9055 4 года назад
Hi, great course by the way. So I tried this inal style = () => ParentStyle()..elevation(isBeingTapped? 3 : 10); ). but I get "The argument type 'ParentStyle Function()' can't be assigned to the parameter type 'ParentStyle'."
@waldherrweiss
@waldherrweiss 4 года назад
@@stevenverhoest9055 You defined style as a Function so that it can be evaluated dynamically. If you want to use the style, you have to call the function to evaluate the current style.
@gauravthakkar802
@gauravthakkar802 3 года назад
You should try VelocityX
@yaminnather521
@yaminnather521 3 года назад
@Conrad Austin yeah I'm sure it did fking dumbass lol
@ShadowInfest
@ShadowInfest 4 года назад
Keep up the good work and producing those well structured and understandable Tutorials 😬👍
@wSRV
@wSRV 4 года назад
Wow! I've been developing on a while now but I never discovered this before! Amazing video!
@joshuaoba2526
@joshuaoba2526 4 года назад
I’m never styling my widgets the conventional way again .. This is great
@Just_JasonZA
@Just_JasonZA 4 года назад
You have just saved me sooooooooo much time thanks man keep up the good work
@JonesDTaylor
@JonesDTaylor 4 года назад
This is insanely good. I love it!!!!
@dalestewart
@dalestewart 4 года назад
Excellent tutorial!
@mderis
@mderis 4 года назад
Really liked it!!! Thank you.
@lonelyboy4033
@lonelyboy4033 Год назад
This is very similar to tailwind. I love it!!
@ibnomer7038
@ibnomer7038 4 года назад
You are awesome. Thank you soooo much
@redoineaito729
@redoineaito729 4 года назад
Thanks for all your hard work. the syntax is similar to SwiftUI modifiers
@SachinKumar-ie7wh
@SachinKumar-ie7wh 4 года назад
thank you so much for this....
@shogi23
@shogi23 3 года назад
This is great thx :)
@DavidSmith-ef4eh
@DavidSmith-ef4eh 4 года назад
As someone switching from react-native to flutter, this video made me happy. How does it work though? Is it as performant as using native flutter widgets? Is it just a wrapper for flutter widgets?
@viveksehrawat36
@viveksehrawat36 4 года назад
You are genius
@XinWongDigital
@XinWongDigital 4 года назад
Styling in flutter feels like an after thought. Wud b cool to just have the same key "style" instead of "padding, decoration,...."
@uzair3d
@uzair3d 4 года назад
Liked before even watching!
@Shikschauhan
@Shikschauhan 4 года назад
same here
@_aguskhaer
@_aguskhaer 3 года назад
your voice is ASMR
@mytechlearning3792
@mytechlearning3792 4 года назад
Can we move the seperated style into another dart file for further cleaed code?
@Nobody-ky7sl
@Nobody-ky7sl 4 года назад
Hi, can you record a video about how to use aspectd plugin in flutter?
@verryondrums
@verryondrums 4 года назад
Amazing tutorial, thanks! Division seems really nice to me. I wonder if you already discovered some issues with it or things you weren't able to handle?
@ResoCoder
@ResoCoder 4 года назад
Issues I encountered are mostly about the inability to work with specialized widgets (e.g AutoSizeText).
@reingundersenbentdal4136
@reingundersenbentdal4136 4 года назад
@@ResoCoder It would really help if issues and missing features was reported in the form of an issue on GitHub!
@JamesIsbellUK
@JamesIsbellUK 4 года назад
I was dreading using Flutter to build UI's. It looked like a complete mess! This package actually makes a whole lot more sense. Thank you @Rein Bentdal !!!
@srk96
@srk96 4 года назад
amazing package but unexpectedly, rather low github fork and star count.. I hope this package becomes one of official projects of flutter team.
@arin_faraj
@arin_faraj 3 года назад
The animation part would be the same complexity using AnimatedContaner but overall good package
@tomeksiur5519
@tomeksiur5519 4 года назад
Hello, what type of font do you use? Btw thanks for the tutorial
@ResoCoder
@ResoCoder 4 года назад
Fira Code
@jonathan3087
@jonathan3087 4 года назад
@Bodzio, check Reso's other video on all his VS Code plugins (includes the theme and font he uses) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VHhksMa2Ffg.html
@tomeksiur5519
@tomeksiur5519 4 года назад
Thanks, i will check out
@jonathan3087
@jonathan3087 4 года назад
@@tomeksiur5519 Yeah, I really like Reso's setup, I probably took 95% of what he uses in that vid. Enjoy.
@wissemmiled3383
@wissemmiled3383 3 года назад
Great Package, but it does not support null safety
@alibakhtiyari9216
@alibakhtiyari9216 4 месяца назад
Doesn't this cause unnecessary rebuilds?
@akashkumardas6521
@akashkumardas6521 4 года назад
Waiting for Google officially support it
@hamza2tq
@hamza2tq 2 года назад
It must be just me but I find the Flutter default widget way much cleaner than this. I can only think of some scenarios in which Division can come in an handy but certainly not all the time. Won't be switching from default to this but it's nice to know I have options. Kudos Reso Coder!
@mulletman1705
@mulletman1705 2 года назад
Coming from web app design with css I can say flutter styling is very poorly implemented
@0x4ym4n
@0x4ym4n 4 года назад
درعة
@mhbdev
@mhbdev 3 года назад
This dependency is so useless :(
@akhlaqshah5350
@akhlaqshah5350 3 года назад
I don't think this is helpful at all
@LibyaMicro
@LibyaMicro 3 года назад
Flutter is A lot of garbage for the little benefit
Далее
Bloc Library - Painless State Management for Flutter
24:54
Top 12 Flutter Tips & Tricks
9:32
Просмотров 267 тыс.
Schoolboy - Часть 2
00:12
Просмотров 3,5 млн
Китайка Шрек всех Сожрал😂😆
00:20
Top 30 Flutter Tips and Tricks
6:50
Просмотров 545 тыс.
Riverpod 2.0 - Complete Guide (Flutter Tutorial)
1:03:37
Просмотров 109 тыс.
Flutter Riverpod Tutorial - The Better Provider
41:26
Complex Animations in Flutter using Rive | Flare
15:44
Просмотров 224 тыс.
I tried 8 different Postgres ORMs
9:46
Просмотров 399 тыс.
Schoolboy - Часть 2
00:12
Просмотров 3,5 млн