TextInput字体系列在React Native Android中不起作用

时间:2018-07-26 08:45:10

标签: android react-native custom-font

我正在使用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;

0 个答案:

没有答案