Comments (4)
Hm, I have tried this options, but it doesn't help. I've managed to achieve what I need by copyWith method for Theme data and set DialogTheme with shape parameter
from flex_color_scheme.
Without more information on how your FlexColorScheme theme definitions look like and are made, it is not possible to answer your question with any significant detail.
Please provide a runnable code reproduction sample, reproducing the current result and describe the result you are expecting.
Meanwhile, a few hints and suggestions on what to look into
By default, if M3 mode is used in FlexColorScheme, radius of dialogs are the same as as with vanilla ThemeData
, as shown here:
One possibility is of course that you have set the global default theme radius in your FlexColorScheme too, in its M3 mode, to something custom like 4 or 8. Only at its default undefined setting value, will all components use their default value that varies by component type in M3 mode design. If the value is set, then in that case pretty much every corner radius will use that value, as also explained in the Themes Playground and API docs:
Even if it is the case, that you want eg 8dp on most other components (a very common design), but not on Dialogs, you can specify the radius value for each dialog component theme separately as well and it will the override the global setting. So if you want 28dp back, then use that, it is enough to set it on the general dialog, TimePicker and and DatePicker will follow, but you can if you want to, also give them other values.
TIP
With FlexColorScheme you can even have platform adaptive responses to border radius on many components, so it can look different on e.g. Android and iOS, as well as remove the elevation tint used in Material3 on none Android platforms. These feature are intended to enable more platform agnostic designs when Material3 mode is used on e.g. iOS, desktop and web platform, while keeping M3 Android look on Android.
from flex_color_scheme.
Hi @Mounix99, sadly without seeing your code or a sample that reproduces the same issue, to be able to figure out what goes wrong were, there is unfortunately not much else I can advice with or do.
It works in all tests and samples. Clearly there is something different with your use case, but I would need more info to be able figure out what it is. Still, glad if you can get it to work as desired with copyWith
, even if it should not be needed based on your description of your use case.
from flex_color_scheme.
Sorry, I would like but I can't share the code of this project, maybe I'll prepare a sample in future, if I will have time, thanks for help!
from flex_color_scheme.
Related Issues (20)
- How to set status bar icon black ? HOT 2
- Define card shape in FCS? HOT 2
- Error: Type argument 'double' doesn't conform to the bound 'Enum?' of the type variable 'T' on 'EnumProperty'. HOT 4
- How to set a new scaffold background color with opacity HOT 1
- NavigationDrawerDestination items do not follow theme background HOT 3
- How to set tab bar indicator color at Material App theme level? HOT 1
- The example should be updated when PersistentBottomSheetController's type param has been removed HOT 2
- Add examples of Card.outlined and Card.filled in Playground HOT 3
- Theme for Vision Pro
- Google Fonts nit HOT 3
- Support tone-based surface and surface container ColorScheme roles HOT 1
- Using FlexColorScheme themedSystemNavigationBar I can set the system navigation bar styles, but unable to set the style of the status bar at the same time after use HOT 1
- Incomplete Theme Playground "Hot Reload Playground"
- Lack of inputDecoratorSuffixIconSchemeColor properties HOT 1
- flex_color_scheme >=7.2.0 depends on flex_seed_scheme ^1.4.0 HOT 1
- default light mode on Tabs is white text on white background HOT 2
- Surface Color doesn't differentiate between elevation level. HOT 2
- Playground: Allow to import the theme code or something to keep editing the theme in multiple devices or in future.
- color
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from flex_color_scheme.