我正在学习react-native编程,需要在工具栏标题上设置自定义fontFamily。我在Android目录的assets / fonts文件夹中添加了TTF字体。

 const styles = StyleSheet.create({
   toolbar: {
     backgroundColor: '#2E8B57',
     height: 40,
     fontFamily: 'roboto_thin'
   },
 });

 <ToolbarAndroid title='Login' titleColor='white'
            onIconClicked={() => this.props.navigator.pop()}
            style={styles.toolbar}/>


但是,ToolbarAndroid标题字体未设置,并且在运行应用程序时收到警告。


  警告:道具类型失败:提供给fontFamily的props.style密钥ToolbarAndroid无效。


谁能帮我了解如何在ToolbarAndroid标题上设置自定义字体系列。提前致谢。

最佳答案

您需要做的就是这个

<ToolbarAndroid>
    <Text style={{ fontFamily: 'yourFont' }}>Title Text</Text>
</ToolbarAndroid>

关于android - 如何在React Native中在ToolbarAndroid上设置自定义字体,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/41830342/

10-09 00:12