导出导航选项作为组件

Question

是否可以以及如何导出和导入导航选项作为组件

static navigationOptions = ({ navigation }) => {
return {
  headerLeft: (<Text />),
  title: (
    <Image style={{width: 500, height: 125}} source={require("../images/logo_orfo.png")} />
  ),
};

};

Answer 1

它不能是 React 组件，因为该函数不返回任何 JSX 或 React.createElement 实例。但是，您可以将其用作模块，如下所示：

导航组件.js

//imports here
export default ({ navigation }) => {
 return {
  headerLeft: (<Text />),
  title: (
    <Image style={{width: 500, height: 125}} source=
 {require("../images/logo_orfo.png")} />
  ),
 }; 
};

然后像这样导入

import NavComponent from './NavComponent';
...
static navigationOptions = NavComponent