Picker size changes according to content when minWidth, width and a custom placeholder is used. This happens when I place a Picker next to a TextInput field where both will have 50% width.
Describe the bug
A clear and concise description of what the bug is.
To Reproduce
Steps to reproduce the behavior:
Create a View with flexDirection: 'row'
Place any component on the left side with flex: 1
Place the Picker on the right side and try to give equal space for both the components
Use a custom placeholder.
You can notice the issue. The picker change its width based on the option selected.
Expected behavior
The Picker size should never change no matter how big or small the text content is inside it.
Screenshots
Making the width as 90% is not changing the overall width but the width of the text inside the picker
Additional details
Device: iPhone/simulator
OS: iOS 17
react-native-picker-select version: 9.1.3
react-native version: 0.73.6
expo sdk version: n/a
Reproduction and/or code sample
Check out this snack where I have reproduced -> https://snack.expo.dev/IJjBAHlomzTQiSS8Pk9Wx
Select iOS simulator in the snack to reproduce the issue.
Pickersize changes according to content whenminWidth,widthand a customplaceholderis used. This happens when I place aPickernext to aTextInputfield where both will have 50% width. Describe the bugA clear and concise description of what the bug is.
To Reproduce
Steps to reproduce the behavior:
ViewwithflexDirection: 'row'flex: 1Pickeron the right side and try to give equal space for both the componentsExpected behavior
The Picker size should never change no matter how big or small the text content is inside it.
Screenshots
Making the width as 90% is not changing the overall width but the width of the text inside the picker
Additional details
Reproduction and/or code sample
Check out this snack where I have reproduced -> https://snack.expo.dev/IJjBAHlomzTQiSS8Pk9Wx Select iOS simulator in the snack to reproduce the issue.