callstack / callstack/react-native-paper
Weird UI behavior of Text Input with Dark Mode
- 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
With Dark Mode on, some Text Input outlined are ok, others with same code have a white line on the label.


The code is the same for "Nome Garage*" and "Email":
```
setGarageDoc({...garageDoc, name: text})}
/>
```
```
setGarageDoc({ ...garageDoc, email: text })}
/>
```
The started value is undefined for both, I tried to change the order, modify the style, change the label name with so many tries and I still can't understand what is causing this behaviour.
This behaviour is shared in all part of my application where there is a Text Input oulined.
### Expected behaviour
I'd expect to not have a white line on Text Input label outlined in dark mode.
### Code sample
```
setGarageDoc({...garageDoc, name: text})}
/>
setGarageDoc({ ...garageDoc, email: text })}
/>
```
### What have you tried
This behaviour is all
### Your Environment
| software | version
| --------------------- | -------
| ios or android | android
| react-native | 0..67.3
| react-native-paper | 4.11.2
| node | 14.x
| npm or yarn | yarn
| expo sdk | no
Hướng dẫn đóng góp
Hướng nghiên cứu
Bắt đầu bằng cách tái hiện hành vi TextInput ở chế độ tối trên Android với react-native-paper 4.11.2, sử dụng hai ví dụ về nhãn và mã SafeAreaView/Card được cung cấp. So sánh cách hiển thị của hai input và kiểm tra phần triển khai TextInput cũng như kiểu dáng liên quan đến theme. Được xem là hoàn tất khi các nhãn outlined được hiển thị nhất quán mà không có đường màu trắng trong chế độ tối.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- react-native
- Lĩnh vực
- mobile
- Loại issue
- Lỗi
- Độ khó
- 3/5
- Thời gian dự kiến
- 1-2 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
- 35/100