Screen shot of time picker dialogue box
In default header text theme in time picker is primary color of theme data.
How can customize time picker of header text theme?
Thanks.
You need to use the copyWith of the current theme and change the specific property that you need here you can find more information about the copyWith method.
You can look here how to implement a change in certain change of the current theme.
Related
I have set the theme properties properly in the app. I am trying to give the user the freedom to change colour of the app (primary colour) as the user wishes. I tried implementing state management on the "main.dart" file but once the theme has been initialized in runApp, while the app is running it does not let me change the primary colour of the theme, only allows change of modes (light and dark). Is there a way to change the primary colour of a theme on button press?
I would have used something like this (to change primary color to green for example) :
Get.changeTheme(Get.theme.copyWith(primaryColor: Colors.green));
But it seems to raise an well known error (see : https://github.com/flutter/flutter/issues/103864)
i think you have to assign the color to provider and save it in the sharedprefrences after that you have to re-run the app and the theme from sharedpreferences
I'm would like to change the cursor color in a TextFormField.
I don't find the Property.
To know I'm on a Flutter web app and not mobile.
From this answer:
You can change specific textfield cursor color for your solution:
TextField(cursorColor: Colors.white)
but if you want to change it completely in your project then you can
check this here
I want to make a text form field so that the color of the field changes when I press the text form field, Changes color when text form field is empty and changes color when the content is there. Same as to the border of the text form field. how can I do this? Kindly refer me to an example if possible.
You can use the onTap parameter of the TextFormField by calling setState to update the colors, before this assign the Form Field color and border configuration to variables and use set State to update the color and configuration once the TextFormField is tapped
I have 3 themes based on colours like a red theme, blue theme and a dark theme as well. I want to change the theme of the app while the app is running.
I want to show an alert dialog from where the user can select the color of the theme.
When you present an AlertDialog (using await showDialog()), there is a Future<dynamic> return value. So, have some buttons in the dialog that lets the user choose their theme. Once the user is done choosing the theme, return the chosen theme using Navigator.of(context).pop(selectedTheme).
Wait for this value wherever you're showing the dialog like final userSelectedTheme = await showDialog(...). Once you have the new value, then update whatever state model is holding the theme and your app should update accordingly.
Since themes are generally at the top-level of the app, you'll probably need something more than just stateful widgets if you aren't using anything else. I'd look into Provider if you aren't familiar with anything else:
https://pub.dev/packages/provider
I've read the focusColor documentation and tried to experiment with the property, but can't get that property to affect anything on the screen.
https://api.flutter.dev/flutter/material/InputDecoration/focusColor.html
I assumed it would change the fill color of an input to the focus color when you select that input box.
Are there any examples of what this property is supposed to do?