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

Posted 2023-02-19

【中文标题】在 React Native 中使用 StackNavigator 时添加默认字体

【英文标题】：Adding a default font when using StackNavigator in React Native

【发布时间】：2018-10-09 09:35:22

【问题描述】：

我正在尝试按照 robertmylne 在this page 上的代码设置默认字体。但是，它告诉我将代码放在 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 时，有什么方法可以让相关代码正常工作吗？

【参考方案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