callstack / callstack/react-native-paper

Checkbox.Item: Make the underlying TouchableRipple more configurable

Open
#4,590 1 comment 0 reactions 0 assignees View on GitHub
Checkbox feature request TouchableRipple
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.