在React Native中使用StackNavigator时添加默认字体

Question

我正在尝试按照this page上robertmylne的代码设置默认字体。但是，它告诉我将代码放在我的App.js中的构造函数中。问题是我正在使用StackNavigator，据我所知我不能使用构造函数。我的代码看起来像这样：

import Module1 from './components/Module1'
import Module2 from './components/Module2'
import Module3 from './components/Module3'

const App = StackNavigator(
    {
        Module1: { screen: Module1 },
        Module2: { screen: Module2 },
        Module3: { screen: Module3 }
    },
    { headerMode: 'none'}
)

export default App

使用StackNavigator时，是否有某种方法可以使相关代码正常工作？

Answer 1

StackNavigator是HOC，它返回一个组件。您可以将其用作任何其他组件。

示例

import Module1 from './components/Module1'
import Module2 from './components/Module2'
import Module3 from './components/Module3'

const Navigator = StackNavigator(
    {
        Module1: { screen: Module1 },
        Module2: { screen: Module2 },
        Module3: { screen: Module3 }
    },
    { headerMode: 'none'}
)

class App extends Component {
  constructor(props) {
    super(props)
    // any other code you need to add
  }

  render() {
    return <Navigator />
  }
}

export default App