callstack / callstack/react-native-paper
ActivityIndicator visual bug on android 8.0
- 主要语言
- TypeScript
- 星标
- 14.5k
- 派生
- 2.2k
- 平均合并
- 5 天 23 小时
- 30 天内合并 PR
- 12
描述
### 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
贡献指南
调研方向
首先,在使用 React Native 0.72.6 的 Android 8.0 上复现最小的 ActivityIndicator 和加载中的 Button 示例,然后将其渲染结果与 React Native 0.71 进行比较。调查受此版本变更影响的 Android 特定渲染路径;当两个控件都能在报告的设备和模拟器上正确渲染时,issue 即完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- android, react-native, typescript
- 领域
- mobile
- Issue 类型
- 缺陷
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 活跃度
- 停滞
- 描述清晰度
- 基本清楚
- 新手友好度
- 38/100