首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Web导航不适用于Web本机Web

Web导航不适用于Web本机Web
EN

Stack Overflow用户
提问于 2020-10-07 11:27:33
回答 1查看 1.4K关注 0票数 0

我正在尝试在网络中实现反应导航。我正在使用react本地网站来构建web应用程序。

这是我的代码:

代码语言:javascript
运行
复制
import React from 'react'
import {
  View, 
  StyleSheet,
  Dimensions
} from 'react-native'
import { createSwitchNavigator } from "@react-navigation/core"
import { createBrowserApp, Link } from "@react-navigation/web"

import { ApplicationProvider, Text, Button, Icon, Layout, Spinner } from '@ui-kitten/components'
import * as eva from '@eva-design/eva'


class App extends React.Component{

  static navigationOptions = {
            title: "Home"
        }
  static path = ""

  render(){
    return(
      <ApplicationProvider {...eva} theme={eva.light}>
        <Layout style={styles.container}>
        <Text style={{textAlign: 'center'}}>Home Screen</Text>
        <Link routeName="Chat">Go to Chat</Link>
      </Layout>
      </ApplicationProvider>
    )
  }
}
class Chat extends React.Component{
  static navigationOptions = {
    title: "Chat"
}
  static path = "chat"

  render(){
    return(
      <ApplicationProvider {...eva} theme={eva.light}>
          <Layout style={styles.container}>
          <Text style={{textAlign: 'center'}}>Chat Screen</Text>
          </Layout>
      </ApplicationProvider>
    )
  }
}
const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    flexWrap: 'wrap',
    height: Dimensions.get('window').height
  }
});

const MyNavigator = createSwitchNavigator({
  Home: App,
  Chat: Chat
})

const BWeb = createBrowserApp(MyNavigator)
export default BWeb

当我尝试运行它时,它在browser:TypeError: (0 , _core.withNavigation) is not a function中显示了这个错误。

这是一个截图

它成功地建造了。但错误出现在浏览器中。我安装了最新的图书馆。

代码语言:javascript
运行
复制
    "react-native": "^0.63.3",
    "react-native-web": "^0.13.16",
    "@react-navigation/core": "^5.12.4",
    "@react-navigation/web": "^1.0.0-alpha.9"

我用纱线来装炸药。

我是新手,在建立网络应用程序与反应。请帮我渡过难关

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-10-11 22:46:44

您不应该使用@react-navigation/core@react-navigation/web进行web集成。

您可以遵循web集成的web支持文档:https://reactnavigation.org/docs/web-support

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64243067

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档