All the pickers (ion-select) currently available could be improved to support filtering; this is useful, especially, for long lists (such as languages, ESN sections, fields of expertise, speakers, etc.).
Two possible solutions:
Use the component of an existing library (e.g. https://www.npmjs.com/package/react-native-dropdown-picker) that fits nicely with our current UI/theme/style; in other words, the appearance should be uniform with the rest of the existing fields (from Ionic).
Create a custom component:
a "select" component that shows the current selection and opens the picker on click.
a list to display in a modal that enables the selection of one or more elements.
An example of the component for solution 2. which we created for Angular projects:
All the pickers (
ion-select) currently available could be improved to support filtering; this is useful, especially, for long lists (such as languages, ESN sections, fields of expertise, speakers, etc.).Two possible solutions:
An example of the component for solution 2. which we created for Angular projects:
https://user-images.githubusercontent.com/3777036/154688216-ceea8d0f-9fb8-4c8b-a497-04033a40f5cf.mov
https://user-images.githubusercontent.com/3777036/154688459-a0789632-4edf-4da0-9ea2-8a590f8823f3.mov
The solution should then be implemented to all the current
<ion-select>pickers in the app.