我创建了一个连接到 redux 并返回当前加载的组件item's
name 作为导航标题。
但是当我尝试从此组件获取标题时,它会出现以下错误:
Error: `title` cannot be defined as a function in navigation options for `StockScreen` screen.
Try replacing the following:
{
title: ({ state }) => state...
}
with:
({ navigation }) => ({
title: navigation.state...
})
这是我的组件:
import { connect } from 'react-redux';
let Title = () => {
if(this.props.item === null || this.props.item === undefined, this.props.item === {}) {
return '';
}else{
return this.props.item.TradeName;
}
}
const mapStateToProps = state => ({
item: state.stockItem.item,
});
export default ConnectedTitle = connect(mapStateToProps)(Title);
这就是我尝试在我的反应导航堆栈中实现它的方式:
const Stack = createStackNavigator(
{
Home: {
screen: Tabs,
navigationOptions: {
header: null,
},
},
StockModal: {
screen: StockModal,
navigationOptions: {
header: null,
},
},
StockScreen: {
screen: StockScreen,
navigationOptions: {
headerRight: (<ConnectedSaveButton/>),
title: ConnectedTitle,
},
},
},
{}
);