我正在使用React Native版本创建一个React Native应用程序:“〜0.55.2”
我有两种自定义字体,我已经使用rnpm
资产声明进行了设置,并成功链接了它们。我将自定义字体系列与Button和文本一起使用,但是没有问题。但是,当我在TextInput上发送字体系列时,它在iOS模拟器中效果很好,但在Android设备中却无法使用,它不使用该字体。使用该自定义字体的按钮有效,但不仅TextInput会有问题。
我的Android设备运行在5.1.1。
import React, { Component } from 'react';
import { TextInput, View, Text } from 'react-native';
import EStyleSheet from 'react-native-extended-stylesheet';
class KTTextInput extends Component {
render = () => {
return (
<View style={[styles.container, this.props.containerStyle]}>
<TextInput
style={[styles.textInput, this.props.textStyle]}
underlineColorAndroid="transparent"
placeholder={this.props.placeholder}
placeholderTextColor={EStyleSheet.value('$placeholderFontColor')}
placeholderStyle={styles.placeholder}
keyboardAppearance="dark"
{...this.props}
/>
</View>
);
};
}
const styles = EStyleSheet.create({
container: {
...someStyles
},
textInput: {
margin: 0,
padding: 5,
borderRadius: '$textInputBorderRadius',
fontFamily: 'NotoSerifSinhala-Bold',
backgroundColor: '#37317a',
color: '$textInputFontColor',
fontWeight: 'bold',
height: 40
},
placeholder: {
fontFamily: 'NotoSerifSinhala-Bold'
}
});
export default KTTextInput;