Quantcast
Channel: Active questions tagged react-native+android - Stack Overflow
Viewing all articles
Browse latest Browse all 29622

Font family in Text Input React native

$
0
0

I am trying to implement a text input, where the font family is Zila Slab Bold, But the font family only works for the place holder of the text input, It doesn't work for the inputted text instead it shows the default android text, but when I use Zila Slab Medium it works for both the placeholder and Inputted text, Please what may I be doing wrong, I'm using RN 0.55.0

This is what I want to get

enter image description here

This is what I get when I use Zila Bold

enter image description here

This is my code below

<TextInput           underlineColorAndroid={'transparent'}       placeholder="The Title"                  placeholderStyle={{fontFamily: 'ZillaSlab-Bold',            fontSize: 16,}}                  placeholderTextColor="rgba(0, 0, 0, 0.2)"style={{                      paddingLeft: 28,                      width: (Dimensions.get('window').width),                      backgroundColor: 'transparent',                      fontSize: 16, color: 'black',                      borderTopWidth: 2, borderBottomWidth: 2, borderColor: 'black',             marginTop: 100, flexDirection: 'row', alignItems: 'center', fontFamily: 'ZillaSlab-Bold',                  }}/>   

Viewing all articles
Browse latest Browse all 29622

Trending Articles