callstack / callstack/react-native-paper

left and right prop of TextInput should accept other than icons

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

I was going through `TextInput` props and saw that `left` prop only accepts below

> It can be either TextInput.Icon or TextInput.Affix

In material UI (MUI) react web version, start accepts `Icon` as well as other type of `React.ReactNode`

I was trying to do something like this

```js
console.log('Remove chip')}
style={{ marginRight: 4 }}
>
Apple

}
right={
loading ? (
} />
) : undefined
}
/>
```
Image

I know there might be some workaround like wrapper pattern, Is it possible that RNP provides this feature internally ?

MUI --
Image

I want to achieve something like this in terms of UI

Thanks

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 đọc các định nghĩa prop của TextInput và phần triển khai các phần tử bên trái và bên phải của nó. So sánh cách xử lý hiện tại của TextInput.Icon và TextInput.Affix với các ví dụ Chip và ActivityIndicator được yêu cầu. Được xem là hoàn thành khi cả hai prop đều hỗ trợ nội dung không phải biểu tượng như được minh họa, đồng thời vẫn giữ lại các dạng đã được hỗ trợ hiện có.

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
frontend, mobile
Loại issue
Tính năng
Độ 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

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.