Próbuję wdrożyć nawigację w sieci. Używam reakcji-rodzimej sieci, aby zbudować aplikacje internetowe.

Oto mój kod:

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

Kiedy próbuję go uruchomić, pokazuje ten błąd w przeglądarce: TypeError: (0 , _core.withNavigation) is not a function

Oto zrzut ekranu

Buduje pomyślnie. Ale błąd pojawia się w przeglądarce. Mam zainstalowane najnowsze biblioteki.

    "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"

Używam przędzy, aby zainstalować biblioteki.

Jestem Newbie w Building Web Apps z Reaguj. Pomóż mi przejść przez to

-1
Abrar 7 październik 2020, 14:27

1 odpowiedź

Najlepsza odpowiedź

Nie należy używać @react-navigation/core i @react-navigation/web dla integracji internetowej.

Możesz postępować zgodnie z dokumentacją wsparcia internetowego dla integracji internetowej: https://reacctnavign.org/docs/web-Support.

0
satya164 11 październik 2020, 22:46