callstack / callstack/react-native-paper

Multiline TextInput backgroundColor does not fully cover surface

オープン
#4,469 コメント 4 件 リアクション 0 件 担当者 0 名 GitHub で見る
bug TextInput
主要言語
TypeScript
スター
14.5k
フォーク
2.2k
平均マージ
5日 23時間
マージ済み PR(30日)
12

説明

### Current behaviour
Multiline TextInput background color does not cover all the surface on iOS if background color have opacity.

### Expected behaviour
Multiline TextInput background color should cover all the surface on iOS.

### How to reproduce?
https://snack.expo.dev/@konstantin_bonn/textinput

### Preview
![Снимок экрана 2024-07-30 в 17 16 33](https://github.com/user-attachments/assets/156fb7dd-6ea3-4ff0-8607-9b7224bed635)

### What have you tried so far?
Try to apply contentStyle with the same color, but it just got worse.
Works fine if comment background in this workaround for iOS

```
{!isAndroid && multiline && !!label && !disabled && (
// Workaround for: https://github.com/callstack/react-native-paper/issues/2799
// Patch for a multiline TextInput with fixed height, which allow to avoid covering input label with its value.

)}
```

### Your Environment

| software | version
| --------------------- | -------
| ios | 17.2
| react-native | "0.73.6"
| react-native-paper | "^5.12.3"
| node | v20.5.0
| yarn | 1.22.19

コントリビューションガイド

コントリビューションガイドを開く

評価

この issue はまだ評価されていません。

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

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