question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Checkbox invisible when unchecked on iOS

See original GitHub issue

Current 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:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:11 (1 by maintainers)

github_iconTop GitHub Comments

93reactions
adteaguecommented, Sep 1, 2019

You can always use <Checkbox.Android /> to just use the Android properties (ie. outlined unchecked box) on iOS devices.

5reactions
kodayashicommented, May 20, 2019

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found