Text Input React本机中的字体系列

时间:2019-04-05 17:21:55

标签: android react-native

我正在尝试实现文本输入,其中字体系列为Zila Slab Bold,但是字体系列仅适用于文本输入的占位符,不适用于输入的文本,而是显示默认字体android文本,但是当我使用Zila Slab Medium时,它既适用于占位符又适用于输入的文本,请问我可能做错了什么,我使用的是RN 0.55.0

这就是我想要的

enter image description here

这就是我使用Zila Bold

时得到的

enter image description here

这是我的下面的代码

<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',
                  }}/>   

3 个答案:

答案 0 :(得分:3)

我在react-native版本62中遇到这个问题,对我来说,解决方案是添加fontStyle:“ normal”

答案 1 :(得分:1)

Люда Дзюбинска提出的解决方案对我而言不起作用,但是类似的方法可以解决问题-我为fontWeight: 'normal'字段指定了TextInput样式(即使我使用半粗体字体),这使我避免在输入时重置字体系列。

答案 2 :(得分:0)

这似乎是一个反应性的本地错误。 参见:https://github.com/facebook/react-native/issues/18820