javascript 如何使用函数定义react本机导航器的screenOption属性的headerShown选项

abithluo  于 2023-03-21  发布在  Java
关注(0)|答案(1)|浏览(102)

我尝试使用一个函数将headerShown选项设置为true或false,如下所示:

screenOptions={({ route }) => ({
      headerShown: () => {
        if(route.name !== 'Home'){
          return false;
        }
        return true;
      }
})}

上面的箭头函数似乎不符合预期的语法,因为它被标记为意外的类型错误。
什么起作用了:

screenOptions={({ route }) => ({
      headerShown: route.name !== 'Home' ? false : true
})}

有没有一种方法可以使用箭头功能,这样我就可以用它做更多的事情?

t3irkdon

t3irkdon1#

我找到了可行的方法。
我只是创建了一个外部可访问函数,然后从headerShown属性值调用它。它不是一个箭头函数,但它确实工作,适合我试图涵盖的场景。

function headerShownFunction (route) {
  if(route.name === 'Home'){
    return true;
  }
  return false;
}

// Then within the screenOptions block...
screenOptions={({ route }) => ({
      headerShown: headShownFunction(route)
})}

这还真管用我怎么没早点想到

相关问题