React-native-paper: DataTable Header Text Wrap

Created on 18 Feb 2019  路  7Comments  路  Source: callstack/react-native-paper


Current behaviour

Unable to wrap the header title
screenshot 2019-02-18 at 12 32 44 pm

Expected behaviour

I would like to add some style or atleast try to wrap the header title like the given image below

screenshot 2019-02-18 at 12 35 20 pm

Your Environment

| software | version
| --------------------- | -------
| ios | ios 12
| react-native | 0.57.7
| react-native-paper | 2.11

Any help is much appreciated.

good first task

Most helpful comment

This issue still persists any suggestions to make resolve it ?
the numberOfLines prop is supported but has no effect on the output ,
A working example/Sample code would be appreciated

All 7 comments

We can add a numberOfLines prop to DataTable.Title. Wanna send a PR?

We can add a numberOfLines prop to DataTable.Title. Wanna send a PR?

Yeah sure will work on one.
Is there a particular process i need to follow or something to create a PR?
Do let me know thanks.

@rjsajnani1 This is our Contributing Guide

If no one is working on this issue I would like to work on it

@Taym95 Feel free to send PR :)

Hi

the multi line has been supported but the height of the text is constant to 24, so when doing multi line only first line is shown.

This issue still persists any suggestions to make resolve it ?
the numberOfLines prop is supported but has no effect on the output ,
A working example/Sample code would be appreciated

Was this page helpful?
0 / 5 - 0 ratings

Related issues

alikazemkhanloo picture alikazemkhanloo  路  4Comments

timothystewart6 picture timothystewart6  路  4Comments

ButuzGOL picture ButuzGOL  路  4Comments

zachariahtimothy picture zachariahtimothy  路  3Comments

tonyxiao picture tonyxiao  路  3Comments