callstack / callstack/react-native-paper

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

Offen
#4,489 2 Kommentare 0 Reaktionen 1 zugewiesene Person Beansprucht von @lukewalczak Auf GitHub ansehen
bug Searchbar
Vorherrschende Sprache
TypeScript
Sterne
14.5k
Forks
2.2k
Ø Merge
5 T. 23 Std.
Gemergte PRs (30 T.)
12

Beschreibung

### 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

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.