Question

我有一个名为 stacks 的 Ancestor 屏幕，我想使用 从名为 AddCardScreen 的子屏幕重定向回DetailScreen card 参数但是通过打印route.params.card 参数值未定义

来自 addCardScreen 的代码：

const submitCard =()=> {

    const card = {answer, question}  
    addCardToDecks(route.params.deckTitle, card).then(data => {
       //route.params.updateCard(card)
      navigation.navigate("stacks", {screen:"detail", params: {card: card}})

   }).catch(err=>alert(JSON.stringify(err)))
    }

详情画面的代码

useEffect(()=>{
        if(route.params.card){
            setNewCard(route.params)
            console.log(`card ${JSON.srtringify(route.params.card)}`)
        }
    },[newCard, cards])

Answer 1

this.props.navigation.navigate('ScreenName', { card: card, });

从下一个屏幕访问卡片：

this.props.route.params.card

因为我使用的是函数式组件。我使用了 route.params. 并且它有效我的应用程序使用参数正确重定向，但它不会在不重新加载整个应用程序的情况下更新

如何使用 react-navigaor v5 从子屏幕重定向回父屏幕

1 个答案: