react-native - 如何在 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，如果没有找到具有该粗细的合适字体，它将改为加载默认字体。