callstack / callstack/react-native-paper
[iOS] Long text in `<Searcbar/>` wraps on a new line and breaks layout
- 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
Đánh giá
Issue này chưa được đánh giá.