如何在React native中使用window.load?

gk7wooem  于 2023-10-22  发布在  React
关注(0)|答案(1)|浏览(130)

我的页面上有一个简单的按钮,我使用Expo / React Native。
当我按下按钮时,我想使用经典的www.example.com导航到一个页面window.open。然而,当我点击按钮时,我得到“undefined不是一个函数”。
如前所述,我使用世博路由器,但我不能打开一个随机的网址与世博路由器,它必须是一个创建的路由。
有谁能解释一下为什么这是不工作,即使窗口是通过JavaScript定义的?

xvw2m8pv

xvw2m8pv1#

在React Native中,没有Web浏览器中的“窗口”概念。React Native在iOS和Android等移动的平台上运行,无需浏览器窗口。要在React Native中打开新页面,您需要使用路由/导航库,如React Navigation。而不是window.open,你可以这样做:

import { useNavigation } from '@react-navigation/native';

function MyComponent() {

  const navigation = useNavigation();

  const handlePress = () => {
    navigation.navigate('SomeScreen'); 
  }

  return (
    <Button onPress={handlePress} title="Go to some screen"/>
  );
}

相关问题