callstack / callstack/react-native-paper
ActivityIndicator visual bug on android 8.0
- Ngôn ngữ chính
- TypeScript
- Star
- 14.5k
- Fork
- 2.2k
- Merge trung bình
- 5 ngày 23 giờ
- Pull request đã merge (30 ngày)
- 12
Mô tả
### 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
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng cách tái hiện ví dụ tối thiểu về ActivityIndicator và Button đang tải trên Android 8.0 với React Native 0.72.6, sau đó so sánh việc render với React Native 0.71. Điều tra đường dẫn render dành riêng cho Android có liên quan đến thay đổi phiên bản này; issue được hoàn tất khi cả hai control đều được render chính xác trên thiết bị và trình mô phỏng đã nêu.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- android, react-native, typescript
- Lĩnh vực
- mobile
- Loại issue
- Lỗi
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 38/100