Comments (5)
The same thing is happening to me. I'm blowing my head off to try and understand what's happening here. Anyone has a clue?
from react-native-picker-select.
I encountered the same problem. Interestingly, it does not display the items on the screen properly without changing the font size. I think Picker.item should give font size value by default or require fontsize.
from react-native-picker-select.
The same thing is happening to me. I'm blowing my head off to try and understand what's happening here. Anyone has a clue?
My guess is that it does not automatically give the font size for each item in Picker.item and thinks it is 0. That's why it doesn't show the items on the screen.
You need to introduce a style into Picker.item.
For example,
<Picker.Item
label={account.accountName}
value={account.accountId}
key={account.accountId}
/>
My code was not listing the items, then
<Picker.Item
label={account.accountName}
value={account.accountId}
key={account.accountId}
style={styles.pickerItem}
/>
When I added style it started to show properly.
David Gallant explained the problem very well and wrote the solution. If I hadn't seen this issue page, I probably wouldn't have been able to solve it. Thanks @DaveFPath.
from react-native-picker-select.
The same thing is happening to me. I'm blowing my head off to try and understand what's happening here. Anyone has a clue?
My guess is that it does not automatically give the font size for each item in Picker.item and thinks it is 0. That's why it doesn't show the items on the screen.
You need to introduce a style into Picker.item.
For example,
<Picker.Item label={account.accountName} value={account.accountId} key={account.accountId} />
My code was not listing the items, then
<Picker.Item label={account.accountName} value={account.accountId} key={account.accountId} style={styles.pickerItem} />
When I added style it started to show properly.
David Gallant explained the problem very well and wrote the solution. If I hadn't seen this issue page, I probably wouldn't have been able to solve it. Thanks @DaveFPath.
Thanks Omer. adding font size to Picker.Item worked
from react-native-picker-select.
Is there any way to fix this problem while using RNPickerSelect?
Already using the change fontSize method and still not displaying on Android
from react-native-picker-select.
Related Issues (20)
- When list has large set of items 100 or above, last items get added to the top and scrolling does not work properly
- upgrade version of core dependency @react-native-picker/picker HOT 2
- Release new version with changed package.json HOT 1
- Typing doesn't permit arrays when supplying style overrides HOT 2
- Not able to select Number values since @react-native-picker/picker upgrade to 2.6.1 HOT 9
- Backdrop doesnt show on Android
- How to set value initially? HOT 2
- When click on custom icon, drop down does not open. please someone provide me the solution, HOT 1
- unable to get the locator strategy for automation in the picker selector for ios
- Is it possible to hide upArrow and downArrow in picker ? HOT 1
- InputAcessoryView section (bar with tabbing arrown and Done button) autoclose onChangeValue IOS HOT 2
- Add the correct interface arguments to the onClose prop
- ERROR Invariant Violation: requireNativeComponent: "RNCPicker" was not found in the UIManager. HOT 3
- Picker size changes according to content when minWidth, width and a custom placeholder is used.
- how to dim the background screen when the picker shows
- Type issue: `Item.value` type doesn't match that in @react-native-picker/picker
- togglePicker() function close then reopen modal HOT 1
- itemKey doesn't work
- in IOS, onValueChange shouldn't be triggered when only scroll item list HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-native-picker-select.