callstack / callstack/react-native-paper
Checkbox.Item: Make the underlying TouchableRipple more configurable
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
**Is your feature request related to a problem? Please describe.**
I've applied border radius to Checkbox.Item, and it seems to work as expected. However, when the item is `pressedIn`, the underlying touchable ripple doesn't respect the item's border radius.
**Describe the solution you'd like**
Expose an API to tweak the TouchableRipple through rippleStyle or containerStyle.
**Describe alternatives you've considered**
I've considered not using the Checkbox.Item and manually implementing the component with desired level of configuration. But it's a much bigger lift.
**Additional context**
Contributor guide
Research direction
Start at Checkbox.Item and inspect how it creates and configures the underlying TouchableRipple. Define the requested rippleStyle or containerStyle API so the item's border radius is respected while pressed, then verify the behavior with the relevant component tests or examples if available.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- frontend, mobile
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100