Adding this prop to Android compacts the layout and attaches the items to the dropdown instead of opening a centered detached dialog.
On Android, specifies how to display the selection items when the user taps on the picker:
'dialog': Show a modal dialog. This is the default.
'dropdown': Shows a dropdown anchored to the picker view
Before
After
Debugging notes
We haven't used this picker in over a year so any style or color changes here for Android dynamic text color specifically for this one picker component for this component until recently, as noted in #7088 for iOS.
mode
of dropdown for Android to give an anchored and compact layout@react-native-picker/picker
to v2.5.1Noting the dependency version change is not necessary, the fix is localized to style changes.
Mode
dropdown
Adding this prop to Android compacts the layout and attaches the items to the dropdown instead of opening a centered detached dialog.
Debugging notes
We haven't used this picker in over a year so any style or color changes here for Android dynamic text color specifically for this one picker component for this component until recently, as noted in #7088 for iOS.
This has been around for 9 months in development since https://github.com/StoDevX/AAO-React-Native/commit/143a1bcf3ed2f4c2e84da5b78d42f683c07ad853.
Changes in #7088 did not impact this and are still safe.
itemStyle
only applies to iOS.modules/filter/section-picker.tsx
has a text color set toc.label
modules/colors/platform.ts
Android label color is PlatformColor@android:color/primary_text_light
Debugging, commenting out the style application to
<Picker.Item />
at least renders without issue on AndroidSo we can try to just apply the text color to iOS here.