callstack / callstack/react-native-paper

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

Abierto
#4,489 2 comentarios 0 reacciones 1 asignado Reclamado por @lukewalczak Ver en GitHub
bug Searchbar
Lenguaje dominante
TypeScript
Estrellas
14.5k
Forks
2.2k
Merge medio
5 d 23 h
PR fusionados (30 d)
12

Descripción

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

Guía de contribución

Abrir la guía de contribución

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.