callstack / callstack/react-native-paper

Label clips when calling render function prop of TextInput component in outline mode

Đang mở
#4,329 8 bình luận 0 reaction 0 người được giao Xem trên GitHub
bug
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

The label of TextInput component clips in outline mode when I call the render function prop. I am calling the render prop so as to render my Custom input, in this case a dropdown select input. Space is sufficient so it should not clip the label. Is the their a way to work around it ?

### Expected behaviour

Should not clip the label
### How to reproduce?

### Preview

### What have you tried so far?

I have tried applying different styles but still not working
### Your Environment

| software | version
| --------------------- | -------
| ios | x
| android | 14
| react-native | 0.73.4
| react-native-paper | 5.12.3
| node | 18.17.1
| npm | 9.6.7
| expo sdk | 50.0.7
![Screenshot_1709322988](https://github.com/callstack/react-native-paper/assets/31744209/b04c7461-7c44-41e9-b179-e0d8947becd9)

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu bằng cách tái hiện trường hợp TextInput ở outline-mode với render prop và dropdown tùy chỉnh được mô tả trong issue, sử dụng các phiên bản React Native, React Native Paper và Expo được cung cấp. So sánh label được render khi có và không có input tùy chỉnh; hoàn tất khi label không còn bị cắt khi có đủ không gian.

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, typescript
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
Cần làm rõ
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.