callstack / callstack/react-native-paper

ActivityIndicator strange behavior on devices with android 8.1.0

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

Description

### Current behaviour

As you can see from the video, ActivityIndicator has a strange behavior on old devices.
I tried both version `4.9.2` that is used on expo code example and version `5.13.1,` on a personal project.
But I get the same result.
This problem does not happen with recent devices.

https://github.com/user-attachments/assets/7cb963c1-d6c5-4c07-b1f6-78002020aef0

### Expected behaviour

https://github.com/user-attachments/assets/fa6bc642-d915-49c8-ab21-c8be58855bf7

### How to reproduce?

https://snack.expo.dev/HWOolN3Q69d6G3WbHHuOK

```js
import { Text, SafeAreaView, StyleSheet } from 'react-native';

import { ActivityIndicator } from 'react-native-paper';

export default function App() {
return (




);
}

const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
backgroundColor: '#000',
padding: 8,
},
});
```

### What have you tried so far?

### Your Environment

| software | version
| --------------------- | -------
| android | 8.1.0
| react-native | 0.78.2
| react-native-paper | 4.9.2 or 5.13.1

Contributor guide

Open the contributing guide

Research direction

Start with the linked Snack and reproduce the ActivityIndicator behavior on Android 8.1.0, then compare it with a recent device using react-native-paper 4.9.2 and 5.13.1. Trace the ActivityIndicator entry point and verify that its rendered behavior matches the expected result shown in the issue.

Written by the indexing model from the issue text.

Assessment

Tech stack
android, react-native
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.