callstack / callstack/react-native-paper
TextInput outlined strange behavior on tablet
- 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
As you can see from the image, when using it on a tablet, that line above appears under the label.
### Expected behaviour

### How to reproduce?
```js
{
setValue('');
if (text === '' || isNaN(text)) return;
addNumber(text);
}}
theme={{
colors: {
placeholder: isDark ? '#FFFFFF' : '#000',
text: '#1E90FF',
primary: '#1E90FF',
background: isDark ? '#1B1A23' : "#EFEFEF"
},
}}
style={[
{
width: 60,
},
]}
/>
```
### Preview
Tablet:

Smartphone:

### Your Environment
| software | version
| --------------------- | -------
| android | 8.1.0
| react-native | 0.71.4
| react-native-paper | 5.6.0
| node | 16.14.2
| npm | 9.6.2
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ụ TextInput outlined được cung cấp trên máy tính bảng và so sánh cách hiển thị của nó với các ảnh chụp màn hình trên điện thoại thông minh. Truy vết chế độ outlined của TextInput từ cách sử dụng đó và xác định lý do đường kẻ xuất hiện bên dưới nhãn; công việc hoàn tất khi cách hiển thị trên máy tính bảng khớp với giao diện outlined mong đợ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
- 45/100