亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

我們如何在 React Native 中使用 navigationOptions 將狀態作為

我們如何在 React Native 中使用 navigationOptions 將狀態作為

嚕嚕噠 2022-05-26 17:16:29
我是 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()中描述的但是屏幕拋出錯誤:
查看完整描述

1 回答

?
當年話下

TA貢獻1890條經驗 獲得超9個贊

我知道現在問題出在哪里。當我登錄時,props.navigation它沒有該setOptions功能。此外,當我回顧文檔時,我發現這是因為我使用的版本。

我正在使用 reac-navigation v4,但props.navigation.setOptions僅在 v5 中可用。

太遺憾了 :(

感謝@norbitrial 為我指出這一點

如果您有任何答案,無論版本問題的問題,我都會很高興知道!


查看完整回答
反對 回復 2022-05-26
  • 1 回答
  • 0 關注
  • 169 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號