I have a table on the left I have options and on the right I want a widget to change depending on the option chosen (Picture)
To select the options I have used InkWell with onTap.
My code(Image of a summary of the code because it is very extensive):
Related
i'm new in flutter i have a project that used Custom drawer menu as shown below
enter image description here
there's 2 files that should be edited i think
main_screen.dart this file contains menu items
main_screen.dart Code
Menu_screen.dart CODE
i've Replaced all instances of CustomDrawer with Drawer in your code. Remove the CustomDrawerController class and its usage. but still i got errors can you guide me how can i change to default drawer menu easily?
i've replaced CustomDrawer to Drawer but it seems won't work
In order to create UI like this you have to create a stack widget and in the stack place your drawer widget and on the top of the drawer widget place your main screen widget and in the main screen create a button on the onpressed of that button the main screen will be made small and shifted to the side drawer will be visible
the full code is here
https://github.com/singh-saheb/pet_ui_flutter.git
and the video explanation is here
https://www.youtube.com/watch?v=Cg9vLhfvWBE
I want to show my own page on dropdown button tap, then item selected on page should be set as dropdown button value.
So basically, I need DropdownButton without any popup on tap. When I use onTap still default popup will be shown, how to prevent that?
why you don't use a button instead? or you can try to create an Inkwell put a container on its child and make it look like a button and write your code inside Inkwell OnTap(){}
1- Pass null to items parameter to disable the button.
2- You'll notice icon's color will be grey with disabled button, you can change it by setting color of the icon you send to icon parameter or send color directly to iconDisabledColor parameter.
3- You'll not use value parameter, instead you'll just use hint to show both your hint and your value. and update it using your state management after you pick new value from your own page.
4- Wrap your DropdownButton with GestureDetector or InkWell to show your own page when you tap on the button.
5- If you want to customize your DropdownButton shape, size and more. You can try my new package DropdownButton2. It's simple, easy, based on Flutter's core DropdownButton and have lots of features.
the Switch class allows flutter developers to use a well designed binary choice widget. I would like to use a Switch Button, that allows to choose between more than just two values.
An option could be a discrete slider, but I would like to the switch button design. Is that possible?
I don't think it is possible to "create a switch with more than two values", but, there are some options to achieve what you want:
1. Use a Slider, RangeSlider or CupertinoSlider
This would allow you to select between single values from a range.
Slider, RangeSlider, and CupertinoSlider (Flutter Widget of the Week)
2. Use ToggleButtons
I this case, you can create your buttons from a list of Widgets and also a onPressed to respond when user selects a button.
Also, it has a lot of parameters to customize you buttons layout.
ToggleButtons (Flutter Widget of the Week)
I added Row widget with rendering on stack widget. I actually want to add more container, but it shows when I click on IconButton. After clicking it does not shows on screen. So how is possible in Flutter ?
Any suggestion?
you could create a stack widget and when the IconButton is pressed you call a function to display the new container( which probably is inside the stack widget you are going to implement)
I'm wondering which or how can design settings page like that
1-every option has a own value in right if it's has
2-hit under tile option
3- the divider not full width
is it by ListTile !! or there is another widget ?
There are multiple widgets uses in the above design you can not create it with single widget
Widgets You can use
Text,Containers,ListTile,CupertinoButtons and more
Try yourself and Best of luck