Question

我很难让自定义webfonts与android上的react-native一起使用。

我已按照https://medium.com/@gattermeier/custom-fonts-in-react-native-for-android-b8a331a7d2a7#.w6aok6lpw的说明进行操作，但没有成功。

我尝试了几种不同的字体，仍然没有快乐。

nb 我尝试重命名字体文件，用下划线替换破折号，全部小写，等等，但仍然没有成功。

任何帮助，非常感谢。这是我的代码：

import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
} from 'react-native';

class MyBeltingApp extends Component {
  render() {
    return (
      <View>
        <Text style={styles.welcome}>
         Straigtline
        </Text>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  welcome: {
    fontFamily: 'GT-Walsheim-Bold',
    fontSize: 20,
    textAlign: 'center',
    margin: 10,
  },
});

AppRegistry.registerComponent('MyBeltingApp', () => MyBeltingApp);

Answer 1

我设法让字体正常工作。

在项目的根目录中创建了一个字体文件夹。

然后在package.json

  "rnpm": {
    "assets": ["fonts"]
  }

然后运行rnpm link assets

huzzah ......

NB。我没有必要更改任何文件名或任何内容。他们用破折号工作就好了。

你如何使用React-native android自定义字体？

1 个答案: