callstack / callstack/react-native-paper

[iOS] Long text in `<Searcbar/>` wraps on a new line and breaks layout

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

Long text in a `` wraps on a new line and breaks the vertical alignment (see text wrt the icons).

### Expected behaviour

Ideally, the long text in the `` should stay on the same line and show ellipses by default. Optionally, there could be an easy way to change the behaviour.

### How to reproduce?

See [expo snack](https://snack.expo.dev/@fabrizio.cucci/searchbar-test).

### Preview

See `` current behaviour on the top and plain `` from `react-native` on the bottom.

### What have you tried so far?

Tried to use the `inputStyle` prop of the `` component without too much success.

### Your Environment

| software | version
| --------------------- | -------
| ios | x
| android | x
| react-native | 0.74.5
| react-native-paper | 5.12.5
| node | x.x.x
| npm or yarn | x.x.x
| expo sdk | x.x.x

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.