callstack / callstack/react-native-paper

Allow Drawer.Item to wrap across multiple lines

Abierto
#4,423 0 comentarios 0 reacciones 0 asignados Ver en GitHub
feature request
Lenguaje dominante
TypeScript
Estrellas
14.5k
Forks
2.2k
Merge medio
5 d 23 h
PR fusionados (30 d)
12

Descripción

Our application supports multiple languages and the Drawer.Item currently always truncates with an ellipsis rather than allowing wrapping across multiple lines. The Drawer.Item component is hard-coded to only allow one line of text. This results in our menu items always being cut off when long translated text is used if there is insufficient width.

It would be great if the `numberOfLines` property on the text element of the Drawer.Item was a property so that constraint could be overwritten.

I have tried using patch-package and confirmed it works in debug mode, but the pre-compiled version with numberOfLines set to 1 is always used in release builds. Adjusting the width of the side navigation isn't an optimal solution as languages like Russian are often overly verbose and would still be cut off.

![image](https://github.com/callstack/react-native-paper/assets/58454516/92d926bc-43c8-427b-a69d-2f98f8573b50)

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.