如何在 React Native 中在 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标题字体在运行应用程序时未设置并收到警告。

警告：无法道具类型：无效props.style关键fontFamily提供给ToolbarAndroid ...

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

Answer 1

你需要做的就是这个

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

Answer 2

AFAIK 没有记录的方法来设置它（如果您腾出时间并使用源代码，您可能会找到自己的方式）。

除了这种复杂性之外，即使您只是为 Android 开发应用程序，您仍然可以使用react-native-router-flux ，您可以在其中渲染自定义工具栏，其中可能包含任何 React 元素 - 图标、图像, 文本。 它支持两个平台，并提供跨应用场景的真正简单的导航。