Create spinner picker UI in xamarin forms

DhruvGohilDhruvGohil USMember ✭✭✭
edited November 2019 in Xamarin.Forms

Is there any way to create this kind of UI (Like spinner) ?
Any idea would be appreciated.

Best Answer


  • LeonLuLeonLu Member, Xamarin Team Xamurai
    edited November 2019

    Do you want to achieve the result like three pickers? you can select first one item in first picker, then second picker will be change, select the item in the second picker, the third picker will be changed.

    Or make Picker's display result like IOS in android?

    If so, you can achieve it by custom renderer, change the picker type to NumberPicker

    Here is a demo about it.

  • DhruvGohilDhruvGohil USMember ✭✭✭
    edited November 2019

    @HemalathaMarikumar I have already started using it, still I am facing some issues with it.
    How can I add individual column color?
    How can I add different template for each column ?
    How can I get : in which column selection changed occur ?

  • Query: How can I add individual column color?
    Query: How can I get: in which column selection changed occur?
    Query: Different template for each column

    We have achieved your requirement by using different view for each column using OnPickerLoaded event and please find the below attached sample


  • DhruvGohilDhruvGohil USMember ✭✭✭
    edited November 2019

    @HemalathaMarikumar Thanks I have already achieved column selection changed as it's been done in the project you provided.
    one more thing is : In your project different view has been used for column's item and not for the column. Also adding different view it removed default spin effect.
    So Query: How can I add individual column color?It's not resolved yet.
    Let me know, If you can provide more information

  • @DhruvGohil Currently we don't have a direct support to add individual column color. Hence, we have considered this as feature request, and we do not have immediate plan to implement this feature since we committed with already planned work. So, this feature will be available any of our upcoming release.

  • DhruvGohilDhruvGohil USMember ✭✭✭
    edited November 2019

    @HemalathaMarikumar Okay, no problem. I have managed to do so.
    I am having one more issue with android while using sfpicker, it keeps hanging/freezing with below output

    GC_MINOR: (Nursery full) time 2.79ms, stw 3.78ms promoted 1K major size: 16784K in use: 15267K los size: 2048K in use: 1359K
    GC_TAR_BRIDGE bridges 0 objects 0 opaque 0 colors 0 colors-bridged 0 colors-visible 903 xref 11 cache-hit 0 cache-semihit 0 cache-miss 0 setup 0.11ms tarjan 12.94ms scc-setup 0.23ms gather-xref 0.03ms xref-setup 0.02ms cleanup 0.00ms
    GC_BRIDGE: Complete, was running for 0.15ms

    Can you please help ?

  • DhruvGohilDhruvGohil USMember ✭✭✭
    edited December 2019

    @HemalathaMarikumar in iOS If I set view (Label in StackLayout) for column, SelectedItemColor is not working.
    Also in ios, is there a way to remove or reduce padding from left and right side of column?

  • @DhruvGohil, please check the below attached, it seems worked fine in both Android and iOS

    We also not faced any freezing issue. For replicate this, please modify the sample and update to us

Sign In or Register to comment.