Button content does not render text correctly

Issue type

I’m submitting a …

• bug report
• feature request

Issue description

Current behavior:

I just installed the library in an existing Expo App, and in the process of replacing the default react-native components with their equivalents in UI Kitten. After moving the content from the title prop to inside the component, the text renders incorrectly, always dropping the last word, unless I add a trailing space.

Expected behavior:

The button should just straight up render the content as is

Steps to reproduce:

Create a component using the default react native button, and set the title to ‘FOO BAR’, it will render ‘FOO BAR’ as content. If you then replace the button component with the one from UI Kitten, it will render just ‘FOO’. Using {'FOO BAR '}, with an extra space, will render ‘FOO BAR’

Related code:

import React from 'react'
import { withNavigation } from 'react-navigation'
import { Button } from 'react-native-ui-kitten';

export default withNavigation(
    ({navigation}) =>
        <Button onPress={ _ => navigation.navigate('ItemCreate') } size='small' appearance='ghost'>
            ADD AN ITEM
        </Button>
)

Other information:

OS, device, package version

OS: macOS Mojave, 10.14.5
Packages: React Native 33.0.0., Expo 33.0.0, UI Kitten 4.1.1

[flexbox]

Hello @nmokkenstorm I know it’s a frustrating but it’s not related with kitten UI.

As @artyorsh said this issue is due to a bug in the font on OnePlus phones

You can found some info here:

• Official thread on React Native : https://github.com/facebook/react-native/issues/15114
• Expo forums : https://forums.expo.io/t/text-cut-off-on-oneplus-device/4999/4

And feel free to close this issue if you problem is solved 😉

[artyorsh]

Thanks for the detailed explanation @flexbox 👍 Here is one more notice on having issues with fonts on Apple devices. Will just leave it here for easier navigation