GeekyAnts / GeekyAnts/NativeBase

checkbox and radio border in customIcon

Open
#5,601 1 comment 0 reactions 0 assignees View on GitHub
bug triage v3
Dominant language
TypeScript
Stars
20.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

### Description

After upgrade React 0.66.4 to 0.66.5 my checkbox have a border and broken my layout

### CodeSandbox/Snack link

-

### Steps to reproduce

a tried set margin: 0, padding:0, borderWidth:0 in _icon, _checked,_unchecked

` handleCheckedFilter(index, item.checked)}
icon={}
>
{item.status}
`

![Alt Text](https://im3.ezgif.com/tmp/ezgif-3-039854f1b4.gif)

"react": "17.0.2"
"react-native": "0.66.5"
"react-native-svg": "12.1.1"
"react-native-svg-transformer": "^1.0.0"

### NativeBase Version

3.4.25

### Platform

- [X] Android
- [ ] CRA
- [ ] Expo
- [ ] iOS
- [ ] Next

### Other Platform

_No response_

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the checkbox with a custom icon on Android using React Native 0.66.5, NativeBase 3.4.25, and react-native-svg 12.1.1. Trace the customIcon rendering and compare it with the earlier React Native version; done means the checkbox and radio controls have no unintended border and the layout is preserved.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
frontend, mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.