callstack / callstack/react-native-paper

iOS app open/close transition shows shadow on SegmentedButtons

Open
#4,662 3 comments 0 reactions 0 assignees View on GitHub
bug SegmentedButtons
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

### Current behaviour
I am rendering a Segmented Button (basic, vanilla implementation)
When I open or close the iOS app, I see a gradient within one of the segments.

### Expected behaviour
No gradient.

### How to reproduce?
Use iOS
Add a segmented button to your view.
Close or open the iOS app to show the gradient.

### Preview
Implementation:
``

Screenshot:
![Image](https://github.com/user-attachments/assets/5f424282-68bd-4f18-8a6f-0257be7122d4)

### What have you tried so far?
Explicitly setting a background color with
`style={[styles.group, { backgroundColor: theme.colors.background }]}`

### Your Environment

| software | version
| --------------------- | -------
| ios | 16.0
| react-native | 0.76.3
| react-native-paper | ^5.12.5

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.