Checkbox invisible when unchecked on iOS
See original GitHub issueCurrent behaviour
On iOS an unchecked checkbox is invisible, which is not user friendly. Additionally, the uncheckedColor
prop is not implemented on iOS.
Expected behaviour
By default the checkbox should be visible. uncheckedColor
should be implemented on iOS, or at least in the documentation it should be mentioned that this prop is Android-only.
Code sample
The code as provided in the documentation
Screenshots (if applicable)
What have you tried
What I tried (and what I think is also the most logical course of action) is to use the uncheckedColor prop to change the color of an unticked checkbox. However this is not implemented on iOS.
Your Environment
software | version |
---|---|
ios or android | |
react-native | |
react-native-paper | |
node | |
npm or yarn | |
expo sdk |
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:11 (1 by maintainers)
Top Results From Across the Web
CheckBox component not visible on iOS : r/reactnative - Reddit
The problem is that the iOS checkbox renders completely blank when unchecked, as you can see from the link above. That looks very...
Read more >Unchecked Material Checkboxes not visible - flutter
I tried to set the checkColor to Colors.black , but it's still invisible when it's unchecked, both on Android and iOS. My question...
Read more >can a check box be used to hide / unhide rows?
When the checkbox in C1 is checked, any row with a checked box will be hidden. When unchecked, all rows will be shown....
Read more >Checkbox - Native app accessibility checklist - MagentaA11y
Identifies itself as a Check box in Android and a Button in iOS · Visible label can be grouped with the check box...
Read more >How to make check box show another element ... - Justinmind
How to make check box show another element on checked and hide on unchecked? · 1. Make the element that you what to...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
You can always use
<Checkbox.Android />
to just use the Android properties (ie. outlined unchecked box) on iOS devices.Docs should call out that iOS ignores this prop. Would also like to see the ability to set an unchecked color on iOS and/or border/customize the icon.