How can i make this dropdown style in flutter,
also the CupertinoSwitch color change like this one ---background color white & Button color Amber.
Thanks
You could probably use an AnimatedContainer in combination with the expandable package to achieve most of the UI for this widget.
As for the Cupertino switch, you have a property in the widget itself to set a color when the button is active:
https://api.flutter.dev/flutter/cupertino/CupertinoSwitch/activeColor.html
Related
I'm working on my flutter project and trying to figure out how to make in bottom navBar make each item in a different color. For example, I have:
[icon]Home [icon]Settings [icon]Help [icon]Chat
I need to make the first item (icon&text) in one color, item2(icon&text) in another color, etc
As on the screenshot. Is that even possible? navBarScreenshot
if you using the bottom navigation bar widget there is a function called selectedItemColor: which can be used to change the color of the selected item or you can just give a container as a widget in BottomNavigationBarItem(icon: Container()) and give it a custom color according to your liking
Hi i'm wondering how to change text color of an item selected on a ListView ? I have a fragment who is a ListView and i wanted to change the color text when user click on button. I Tried something on function
when user click buton1 the text color change to green other button for red and other button for orange. Can you help me please ?
you should do something like
Color _color = Colors.red
then in the onClick function you can use setstate tochange the color
setState({_color = Colors.blue})
is it possible to influence the textStyle of a Button through the theme? In this particular case, I want every button label to have a specific fontWeight.
The ButtonTextTheme is only responsible for colors.
I know I can style the child of the button itself but I wanted to have the styling on theme level.
Now I'd need to create a custom Button Widget that does that for me
The example I'm working with is the Drawer element in material-ui#next
Is there a way to change the background color of the drawer and have the elements nested beneath (List ListItem) adjust their color, hover animations, etc. to fit this new color?
I know there's the experimental setting "workbench.experimental.colorCustomizations" but I can't find any subsetting to change the background color of the currently selected item in the autocomplete popup.
Is there any other way to change this color?
"editorSuggestWidget.background": "#424d66",// widget bg
"editorSuggestWidget.selectedBackground": "#29b6f6",// <-- this one -->
"editorSuggestWidget.highlightForeground": "#ff6a00",// typed(matching) symbols color