如何在ToolbarAndroid上设置自定义字体

Question

我正在学习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标题字体未设置＆amp;在运行应用程序时收到警告。

  

警告：道具类型失败：提供给fontFamily的无效的props.style键ToolbarAndroid ...

任何人都可以帮我解决如何在ToolbarAndroid标题上设置自定义字体系列。提前谢谢。

Answer 1

AFAIK没有记录的方法来设置它（如果你没有时间和玩源代码，你可能会找到你的方式）。

除了这种复杂功能之外，即使您只为Android开发应用程序，仍然可以使用 react-native-router-flux ，您可以在其中呈现自定义工具栏，可能包含任何React元素 - 图标，图像，文本。它支持两种平台，并提供跨应用Scenes的真实轻松导航。