Text cut off in oneplus mobile

[007vel]

Countdown text not properly showing, text cut off in onpluse mobile, view the screenshot, my timer countdown is 14 : 55 but it showing 1 : 5

[shahrajk]

share your code, please. @007vel

[chakkizza]

Hi, this is also happening for me .. and only for one plus mobile. Here is the code:

import CountDown from 'react-native-countdown-component';

<CountDown until={30} size={14} onFinish={null} digitTxtStyle={{color: '#000'}} timeToShow={['S']} timeLabels={{s: ''}} />

Also, I have added: declare module 'react-native-bottomsheet'; declare module 'react-native-countdown-component';

to the .d.ts file to get rid of the types error.

Please suggest.. This is a great library and works really well on other devices.

[chakkizza]

I have fixed this issue by explicitly passing the fontfamily in the digitTxtStyle property. This is probably because internally the library uses normal Text component of React Native and renders default font.. Once we pass it the correct font that we are using across app, it works fine. @007vel : Hope this helps.

[gogul-ct]

I have fixed this issue by explicitly passing the fontfamily in the digitTxtStyle property. This is probably because internally the library uses normal Text component of React Native and renders default font.. Once we pass it the correct font that we are using across app, it works fine. @007vel : Hope this helps.

@chakkizza Is it 'fontfamily' or 'fontFamily' and is it a string? I passed the fontFamily used as a prop, but it is not reflected