如何在React Navigation createStackNavigator中更改字体系列

Question

我使用React Navigation作为我的应用程序的导航器组件。我想更改堆栈导航器的字体系列。目前我这样做是为了改变iOS中的字体系列，它运行得很好：

const LoggedInStack = createStackNavigator({
  Home: {
    screen: Home,
    navigationOptions: {
      title: 'payX',
      headerTitleStyle: {
        fontFamily: "my-custom-font"
      }
    }
  }
});

但它在Android设备中不起作用。我应该如何更改代码以使其在Android中运行？

Answer 1

将fontWeight: "200"添加到headerTitleStyle，它将工作。

const LoggedInStack = createStackNavigator({
  Home: {
    screen: Home,
    navigationOptions: {
      title: 'payX',
      headerTitleStyle: {
        fontFamily: "my-custom-font",
        fontWeight: "200"
      }
    }
  }
});

默认字体粗细为500，如果找不到具有该权重的正确字体，则会加载默认字体。

Answer 2

在保存的任何地方重命名您的字体并正确链接然后使用react-native link并使用您的字体的正确名称并使用它。

Answer 3

谢谢，我用这种方式，它工作

const LoggedInStack = createStackNavigator({
   Home: { 
       screen: Home, 
       navigationOptions: { 
       headerTitle: <Text style={{ textAlign: 'center', flex: 1, fontFamily: 
        'my-custom-font'}}>payX</Text>  
       } 
   }
});