NativeScript Angular ListPicker that behaves like `<select>`

Question

By default the ListPicker takes up a ton of screen space. Is there a way to make it behave like the metaphor for the HTML <select> when shown on mobile?

I've used this react native plugin before, and its exactly the metaphor I want, but for NativeScript.

Is this easy to do via NativeScript? I want to make use of the platform specific select metaphors, so showing/hiding a ListPicker or putting ListPicker in a modal is not what I'm looking for.

Also, I'm going to have a fairly long list, so an action Dialog wont work for me.

Update: I'm aware of nativescript-drop-down, however it does not use the platform specific "choose from list of choices" widget that webviews and react native plugin do.

By "platform specific choose from list of choices widget" I mean this (from https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select):

iOS (note picker renders where keyboard would, with rolodex picker):

Android (note modal, with scroll list of options):

Answer 1

I think you are looking for the nativescript-drop-down which is similar to the react-native-picker-select you had pointed.