我是 React Native 的新手,我想问一下我们如何使用 navigationOptions 将功能组件中的钩子状态传递到另一个屏幕
这是代码:
const Screen = props => {
const [eventName, setEventName] = useState('');
React.useLayoutEffect(() => {
props.navigation.setOptions({
headerRight: () => (
<HeaderButtons HeaderButtonComponent={HeaderButton}>
<Item
title="Finish"
iconName={Platform.OS === 'adroid' ? 'done-all' : 'done-all'}
onPress={() => {
props.navigation.navigate('TripsListDetailScreen', {
final_eventName: eventName,
})
}}
/>
</HeaderButtons>
)
});
}, [props.navigation]);
return(...);
}
我正在尝试将其传递eventName到另一个屏幕。由于我们必须在组件外部设置headerRight使用样式,navigationOptions例如:
Screen.navigationOptions = data => {
return(
headerTitle:...,
headerRight: ....
)
}
我们不能在那里传递参数。所以我尝试了文档React.useLayoutEffect()中描述的
但是屏幕抛出错误:
当年话下
相关分类