callstack / callstack/react-native-paper

TextInput multiline text does not appear centered if only one line

Đang mở
#3,752 15 bình luận 7 reaction 0 người được giao Xem trên GitHub
bug TextInput
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
When TextInput has `multiline` prop, the text is vertically aligned towards the top if the input field contains only one line (screenshot 1). If the text is longer and shows two or more lines, then everything appears fine and the content is centered accordingly. (screenshot 2). You can see from the image below where i marked the spacings in red

### Expected behaviour
Text Should be centered inside the the TextInput even if it contains text which takes up only a single line.

### How to reproduce?
``

### Preview
![Screenshot 2023-03-14 at 1 41 01 PM](https://user-images.githubusercontent.com/30950825/224910782-f0b7552c-eab5-47f8-9a87-3dba8776b601.png)
![Screenshot 2023-03-14 at 1 41 19 PM](https://user-images.githubusercontent.com/30950825/224910787-88259158-e8a3-4762-b8ef-054b24b64355.png)

### What have you tried so far?
`textAlignVertical="center"` did not work. Couldn't find other issues similar to this.

### Your Environment

| software | version
| --------------------- | -------
| ios | 16
| android | 11
| react-native | 0.66.5
| react-native-paper | 4.11.2
| node | 16.17.0
| npm or yarn | 1.22.19

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

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

Đánh giá

Issue này chưa được đánh giá.

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.