callstack / callstack/react-native-paper
Label clips when calling render function prop of TextInput component in outline 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
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

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