Wait, what, it is doing this crazy thing, it's like #Flutter flexy color blends, with lots of modes and styles. Flex it here, flex it there, what are all these blendy things?
To try it, is to love it, play with it for fun 'till you grok all #Flutter flexy colors in a their schemy M3 like material bonanza for You, try it here if you will rydmike.com/flexcolorschem…
The gang, 32 strong they were, themed up they did, with Blue Whale, San Juan, Rosewood and delish Blumine, to become magnificent #Flutter 36! 💙
Wield the blends with care, they might cause quite a stare, but we mind not, be as you prefer. #Flutter themes from phones to...
In a tweet @KhalidWarsa asked how to use the Material ThemeBuilder to get these colors into a Material 3 ColorScheme. While you can, it will not give you code where it is easy make a new scheme via code in #FlutterDev. I suggested using FlexSeedScheme to make the ColorScheme. 1/n
Here an example resulting light and dark #Flutter ColorScheme. Below we will look at how to get there and possible more tweaks to it. This scheme was made with package FlexSeedScheme where you can control the result using SeedColorScheme.fromSeeds 2/n pub.dev/packages/flex_…
For the sample I used the Adaptive Theme Demo sample, made for the Fluttercon 24 talk "Everything Material All At Once"
FlexColorScheme V4 for #FlutterDev has a daunting amount of cool new features, including Material3 like looks 😎💙 #Flutter package here: pub.dev/packages/flex_…
Try it with the Themes Playground here: rydmike.com/flexcolorschem…
My quick takes feature highlight tweets in a thread
👇
FlexColorScheme V4 #FlutterDev 1/10
When opting in on new sub themes, border radius defaults to new Material 3/You guide values and varies by Widget type. Change it to whatever you want for all #Flutter Widgets, 4 dp as before, square or super round, via a single radius value💙😀
FlexColorScheme V4 #FlutterDev 2/10
When opting in on new sub themes, the Material 3 FAB border radius can feel a bit "too new" in #Flutter. Keep it circular even with M3 defaults, and other border radius settings too, if you so prefer 🙏😇💙
#FlutterDev connoisseur @biz84 showed us how to make a #Flutter web body like layout, that is centered and width constrained.
What happens if we use this with scrolling content?
What is your solution for it?
Do you have the perfect one? Let us know!
Meanwhile let us check out how this works with scrolling content. We keep Andrea's nice login card and add a bunch of other things to it and put it all in a scrolling view. Hmm scrollbars next to the body content, not so nice...
Can we fix this easily? Sure, let's disable the scrollbars for the child and put our own scrollbars outside of it all...
Ever noticed how messy and different the behavior of the #Android system back button or back navigation swipe gesture is on different applications that have a bottom navigation bar or a top tab view? You can do what you like in #Flutter and otherwise too. I found 5 patterns: 🧵👇
1. BACK always pops entire app, regardless of where you are on bottom destination, examples:
- Philips Hue app @philipshuedev
- Dropbox (persists last used)
- MS apps, like Word, Excel, PPT
For me this is the worst pattern, more on why later.
2. BACK if not on 1st destination, go to 1st, then next back pops app:
- Twitter
- WhatsApp, uses a top tab view, you can swipe between them, a back swipe is different and that takes you to main chats tab if you are not on it, and next after that pops the app.