callstack / callstack/react-native-paper
ActivityIndicator visual bug on android 8.0
- Langage dominant
- TypeScript
- Étoiles
- 14.5k
- Forks
- 2.2k
- Merge moyen
- 5 j 23 h
- PR mergées (30 j)
- 12
Description
### Current behaviour
ActivityIndicator is visually bugged on android 8.0 (tested on J5 Prime phisical device and on android Simulator)
This bug happens on Buttons with `loading` prop too.
This error start happening after upgrading to RN 0.72. On RN 0.71 this does not happens.
### Expected behaviour
It should not be buggy
### How to reproduce?
Just add an empty view with an ActivityIndicator or a loading button:
```
import { View } from 'react-native'
import {
ActivityIndicator,
configureFonts,
MD2LightTheme as DefaultLightTheme,
Provider as PaperProvider,
MD2Theme,
Button
} from 'react-native-paper'
import { Fonts } from 'react-native-paper/lib/typescript/types'
function Index() {
const defaultFonts: Fonts = {
regular: {
fontFamily: 'Poppins_400Regular',
fontWeight: "400"
},
medium: {
fontFamily: 'Poppins_500Medium',
fontWeight: "500"
},
light: {
fontFamily: 'Poppins_300Light',
fontWeight: "300"
},
thin: {
fontFamily: 'Poppins_100Thin',
fontWeight: "100"
}
}
const fontConfig = {
ios: defaultFonts,
android: defaultFonts
}
const currentTheme: MD2Theme = {
...DefaultLightTheme,
mode: 'exact',
dark: false,
fonts: configureFonts( {
isV3: false,
config: fontConfig
} ),
roundness: 8,
colors: {
...DefaultLightTheme.colors
}
}
return
Test 1
Test 2
}
```
### Preview

### What have you tried so far?
-
### Your Environment
| software | version
| --------------------- | -------
| ios | -
| android | 8.0
| react-native | 0.72.6
| react-native-paper | 5.11.1
| node | 18.16.0
| yarn. | 1.22.19
| expo sdk | 49.0.16
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par reproduire l’exemple minimal d’ActivityIndicator et de Button de chargement sur Android 8.0 avec React Native 0.72.6, puis comparez le rendu avec React Native 0.71. Étudiez le chemin de rendu spécifique à Android mis en cause par ce changement de version ; l’issue est terminée lorsque les deux contrôles sont correctement rendus sur l’appareil et le simulateur signalés.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- android, react-native, typescript
- Domaine
- mobile
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 38/100