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

Question

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

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

我尝试了几种不同的字体，但仍然不满意。

注：我已经试过重新命名的字体文件，用下划线，所有小写代替破折号，等等，但仍然没有成功。

任何帮助，不胜感激。 这是我的代码：

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

我设法使字体工作。

在我的项目的根目录下创建了一个fonts文件夹。

然后在package.json中

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

然后运行rnpm link assets

头晕...

nb。 我不必更改任何文件名或其他任何内容。 他们用破折号就可以了。