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] [Android] "transparent" tick / alpha values not working in React Native 0.57.2

See original GitHub issue

I have gone through these following points

Issue Description

Libs version:

Node: 8.11.2 npm: 6.4.1 react-native: 0.57.2 react: 16.5.2 native-base: 2.8.1 I’m not using expo.

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

Expected behaviour

Checkbox tick is transparent when unchecked. screenshot 2018-10-09 at 14 34 18

Actual behaviour

Checkbox tick is visible. Changing NativeBase exported variables don’t fix it. screenshot 2018-10-09 at 14 14 09

Steps to reproduce

Add CheckBox native-base component: <CheckBox onPress={() => { return; } checked={this.state.isChecked} />

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

Android only.

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

Proposed fix: Include ‘textShadowRadius: 0’ in ‘react-native-vector-icons’ style property File: Checkbox.js line 41 <IconNB style={{ ... textShadowRadius: 0 }} />

There is an open discussion about the issue in ‘react-native-vector-icons’: https://github.com/oblador/react-native-vector-icons/issues/863 This is the proposed fix for the time being. Thanks for your time.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:6 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
OtacilioNcommented, Nov 23, 2018

Hey Folks,

Now I checked that this fix is not already released, temporally I changed my package.json to import "native-base": "git+https://github.com/GeekyAnts/NativeBase.git#e96c997492d898d812243d7f19297189c75af4c0",

But would be awesome to have this amazing fix released, so what do you think @SupriyaKalghatgi ? Would be great having a v2.8.2 patch with this fix.

1reaction
OtacilioNcommented, Nov 22, 2018

Hey, Folks @rreina @SupriyaKalghatgi I think we are facing the same problem on 0.57.5, have you noticed this?

Read more comments on GitHub >

github_iconTop Results From Across the Web

React-Native Checkbox can't be unchecked - Stack Overflow
I have a CheckBox in my react-native ...
Read more >
types/react-native/index.d.ts - UNPKG
The CDN for @types/react-native. ... 49, // USAGE EXAMPLES: check the RNTSExplorer project at ... 1138, * The following values work on Android...
Read more >
CheckBox - React Native
Renders a boolean input (Android only). This is a controlled component that requires an onValueChange callback that updates the value prop ...
Read more >
Rocket.Chat - HISTORY.md - OW2 Gitlab
Bug Fixes. #9262 File access not working when passing credentials via querystring ... #8925 Can't react on Read Only rooms even when enabled ......
Read more >
HISTORY.md · update-admin-page-inputs · mirrors / RocketChat ...
Bug Fixes · #7854 Add CSS support for Safari versions > 7 · #7456 Csv importer: work with more problematic data · #7815...
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