callstack / callstack/react-native-paper
ActivityIndicator strange behavior on devices with android 8.1.0
- 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
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