callstack / callstack/react-native-paper

ActivityIndicator visual bug on android 8.0

オープン
#4,163 コメント 8 件 リアクション 0 件 担当者 0 名 GitHub で見る
ActivityIndicator bug
主要言語
TypeScript
スター
14.5k
フォーク
2.2k
平均マージ
5日 23時間
マージ済み PR(30日)
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
![Oct-31-2023 10-40-56](https://github.com/callstack/react-native-paper/assets/60632638/d1a20dd9-6443-4727-80bc-efb3f14f40d6)

### 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

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。