Добавление шрифта по умолчанию при использовании StackNavigator в React Native

Question

Я пытаюсь установить шрифт по умолчанию, следуя коду 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