React-native android에서 어떻게 사용자 정의 글꼴을 사용합니까?

Question

사용자 정의 웹 글꼴이 안드로이드에서 반응 네이티브로 작동하는 데 어려움을 겪고 있습니다.

나는 여기서 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

글꼴 관리가 잘되어 있습니다.

내 프로젝트의 루트에 fonts 폴더를 만들었습니다.

다음 package.json

에

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

는 rnpm link assets

만세 삼창 ...

NB를 실행합니다. 파일 이름이나 다른 것을 변경할 필요가 없었습니다. 그들은 대시로 잘 작동합니다.