react-native-paper
react-native-paper copied to clipboard
Text gets cut in half (vertically) for DataTable.Title
Current behaviour
Text gets cut in half (vertically) for DataTable.Title
Expected behaviour
Text should not get cut in half
How to reproduce?
- In accessibility settings of android, magnify font and icon size to maximum like you're 90 years old.
- Create a DataTable and display on android f.ex.: <DataTable> <DataTable.Header style={{ backgroundColor: 'inherit', }}> DataTable.Title style={{ ... }}> <Text style={{fontWeight: 'bold'}}>Temp 🌡</Text> </DataTable.Title>
Preview
What have you tried so far?
A variety of css props. They didn't work because it seems that maxHeight is hardcoded inside the Title component.
Your Environment
| software | version |
|---|---|
| ios | n/a |
| android | 15 |
| react-native | 0.74.3 |
| react-native-paper | 5.12.5 |
| node | x20.11.0 |
| npm or yarn | 10.2.4 |
| expo sdk | n/a |