Screen title gets truncated on Android

[luiskhernandez]

Hey guys, following a basic tutorial I see that titles always get truncated.

Its also happening on the expo app

and in the react-navigation example app

Running in a oneplus 5t.

Environment

software	version
react-navigation	^2.17.0
react-native	0.57.1
node	10.7.0
npm or yarn	6.1.0

[ravirajn22]

I think this issue could also be due to the different typeface used in the onePlus OS. Maybe try changing it to default Roboto of Android and check.

[luiskhernandez]

@ravirajn22 Thanks so much, that fixed all the apps. That means that I need to force in my code to use Roboto font, to avoid these?

Update: Yes, I specified the font family in the headerTitleStyle. Thanks, again.

[brentvatne]

wow that's very strange :( I wonder what we should do about that as a library..

[d3orn]

Having the exact same issue on my OnePlus 5T.
The Drawer Items are truncated as well

[Biplovkumar]

@d3orn please send error pic & Environment here. if possible ?

[d3orn]

Ok there is no need for pics. I went to the System Settings and changed my phones font from OnePlus Slate(TM) to Roboto and everything works fine

Edit: adding the following code to the headerTitleStyle worked out fixing it for the Header

headerTitleStyle: {
    ...Platform.select({
      ios: { fontFamily: 'Arial', },
      android: { fontFamily: 'Roboto' },
    }),
  },

[Biplovkumar]

good luck.

[melbourne2991]

Had this issue on OPPO models as well, fix was to change the font to Roboto as described above

[Elias-Graf]

So just bumped into that issue as well. Is there no fix for it? I mean, surely there is a better way than just changing the font face