React-native-paper: TouchableRipple not respecting borderRadius on Android

Created on 23 Jan 2020  路  2Comments  路  Source: callstack/react-native-paper

Environment

React Native: 0.61.2
React Native Paper: 3.4.0

Description

When using TouchableRipple component, the borderRadius style property is NOT respected on Android

<TouchableRipple
        onPress={...}
        rippleColor="rgba(206,232,255,0.8)"
        style={{
            borderRadius: 50,  //Works on iOS but on Android the ripple is square
            height: 40, 
           width: 40}}
 />

This appears related to this PR: #788

Also might be related to issue #1601

Most helpful comment

@pixelize, setting the borderless prop works.

Thanks.

All 2 comments

@odesey Have you tried using borderless props on the TouchableRipple ?

@pixelize, setting the borderless prop works.

Thanks.

Was this page helpful?
0 / 5 - 0 ratings