Quick Links
Adding a clickable dropdown icon in a picker
Member ✭✭
I have a picker, and I use XAML to add a dropdown icon as an image and set it to the right of the picker. It looks perfect, but the icon area is not clickable (understandable as there is an image overlay)
Is there any way I can display the dropdown icon and still make the area clickable? (preferably with the same way I'm adding the icon i.e. without custom renderers)
Best Answer
-
AndreiMisiukevich_
US ✭✭✭✭
var picker = new Picker { IsVisible = false};
var l = new StackLayout
{
Children = {
picker,
new Label() { }, //value
new Button { Command = new Command(() => picker.Focus(), HorizontalOption = LayoutOptions.EndAndExpand) }
}
};so, you can create you own layout (Stack with label and button (arrow)) with invisible picker
Focus in onButtonClick
Also can be interesting
https://github.com/AndreiMisiukevich/TouchEffect
https://github.com/AndreiMisiukevich/ExpandableView5
Answers
var picker = new Picker { IsVisible = false};
var l = new StackLayout
{
Children = {
picker,
new Label() { }, //value
new Button { Command = new Command(() => picker.Focus(), HorizontalOption = LayoutOptions.EndAndExpand) }
}
};
so, you can create you own layout (Stack with label and button (arrow)) with invisible picker
Focus in onButtonClick
Also can be interesting
https://github.com/AndreiMisiukevich/TouchEffect
https://github.com/AndreiMisiukevich/ExpandableView
Thank you!!!
Your expandable view looks good. I'm using this
Implementations are pretty similar, but I'm having trouble with the ugly animation on iOS on expand. When my list expands, iOS has one horrible expanding animation that just doesn't work. Do you know how to disable animation? (very off topic!)