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 shows black tick when not selected

See original GitHub issue

I have gone through these following points

Issue Description

node, npm, react-native, react and native-base version, expo version if used, xcode version

react-native - v0.60.5 native-base - v2.13.5

Expected behaviour

It should show blank no tick box

Actual behaviour

It shows black tick

Steps to reproduce

<CheckBox
   style={{ borderColor: type.checked ? 'blue' : 'black' }}
  checked={false}
  color={'blue'}
  onPress={() => true}
/>               

Is the bug present in both iOS and Android or in any one of them?

Yes

Any other additional info which would help us debug the issue quicker.

Simulator Screen Shot - iPhone X - 2019-08-23 at 13 03 00

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:18
  • Comments:16

github_iconTop GitHub Comments

47reactions
digitalaliencommented, Aug 26, 2019

FYI: The issue seems to have been introduced in “CheckBox Cleanup (#2777)” It used to default the checkBoxBgColor to “transparent” but now sets it to “checkboxDefaultColor” which from what I can tell doesn’t exists in the theme variables. Workaround is to add this to your “variable.js” file: "checkboxDefaultColor": "transparent"

9reactions
OrLavycommented, Aug 23, 2019

I also experience the same problem

Read more comments on GitHub >

github_iconTop Results From Across the Web

Disabled Checkboxes now showing black tick - Telerik
Hi, On formviews and grids within my site the checkboxes now show a black tick in them. Theme/Skin is Black.
Read more >
Change checked boxes from an X to a checkmark
Select the symbol you want, and select OK. Repeat the same steps for each check box.
Read more >
HTML checkbox without label tick not displaying
Try this code, with html entity for a tick symbol input[type='checkbox']:checked:after { width: 15px; height: 15px; border: 2px solid black; ...
Read more >
How To Select The Check Box In Selenium With Examples
#1) Checked: State in which the Checkbox is selected is the checked state. Here, we can see the box as tick marked. #2)...
Read more >
checked - CSS: Cascading Style Sheets - MDN Web Docs
The :checked CSS pseudo-class selector represents any radio ( ), checkbox ... Hide the toggle checkbox */ #expand-toggle { display: none; } ...
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 Reddit Thread

No results found

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