我已经尝试运行我的 drawerNavigation 代码与 3 反应导航版本但仍然说错误

Question

大家，我一直在努力让我的抽屉导航代码工作，它说 createAppContainer 是未定义的，它不是一个函数。因此，经过一些研究，我尝试更改 react-navigation 版本，但另一个错误仍然存在，加载我的捆绑器时只有 19%。下面我将 post 来自 3 个 react-navigation 版本的两个错误的屏幕截图。

我已经尝试运行带有 "react-navigation" 的代码：“^2.18.3” 错误是：

(In '(0, _reactNavigation.createAppContainer)(navigator)', '(0, _reactNavigation.createAppContainer)' is undefined)

<unknown>
    App.js:46:34
loadModuleImplementation
    require.js:331:6
<unknown>
    index.js:7
loadModuleImplementation
    require.js:331:6
guardedLoadModule
    require.js:197:45
global code
    <unknown file>:0
"

至于 "react-navigation": "^3.0.7" 和 "react-navigation": "^3.8.1" 错误是：

Failed to load bundle(http://localhost:8081/index.bundle?platform=ios&dev=true&minify=false) with error:(Unable to resolve module `./createNavigationContainer` from `/Users/camillebasbous/Project/node_modules/react-navigation/src/react-navigation.js`: The module `./createNavigationContainer` could not be found from `/Users/camillebasbous/Project/node_modules/react-navigation/src/react-navigation.js`. Indeed, none of these files exist:
  * `/Users/camillebasbous/Project/node_modules/react-navigation/src/createNavigationContainer(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)`
  * `/Users/camillebasbous/Project/node_modules/react-navigation/src/createNavigationContainer/index(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)` (null))

__38-[RCTCxxBridge loadSource:onProgress:]_block_invoke.228
    RCTCxxBridge.mm:414
___ZL36attemptAsynchronousLoadOfBundleAtURLP5NSURLU13block_pointerFvP18RCTLoadingProgressEU13block_pointerFvP7NSErrorP9RCTSourceE_block_invoke.118
__80-[RCTMultipartDataTask URLSession:streamTask:didBecomeInputStream:outputStream:]_block_invoke
-[RCTMultipartStreamReader emitChunk:headers:callback:done:]
-[RCTMultipartStreamReader readAllPartsWithCompletionCallback:progressCallback:]
-[RCTMultipartDataTask URLSession:streamTask:didBecomeInputStream:outputStream:]
__88-[NSURLSession delegate_streamTask:didBecomeInputStream:outputStream:completionHandler:]_block_invoke
__NSBLOCKOPERATION_IS_CALLING_OUT_TO_A_BLOCK__
-[NSBlockOperation main]
-[__NSOperationInternal _start:]
__NSOQSchedule_f
_dispatch_call_block_and_release
_dispatch_client_callout
_dispatch_continuation_pop
_dispatch_async_redirect_invoke
_dispatch_root_queue_drain
_dispatch_worker_thread2
_pthread_wqthread
start_wqthread

拜托，有人可以帮忙吗？

import * as React from 'react';
import { Text, View, Image, ScrollView, StyleSheet } from 'react-native';
import {
  createDrawerNavigator,
  createAppContainer,
  DrawerItems,
  SafeAreaView,
} from 'react-navigation';



class Home extends React.Component {
  static navigationOptions = {
    title: 'Home',

  };

  render() {
    return (
      <View style={styles.container}>


      </View>
    );
  }
}





const navigator = createDrawerNavigator(
  {
    Home,

  },
  {
    // drawerType: 'back',
    // drawerPosition: 'right',
    // drawerWidth: 200,
    // drawerBackgroundColor: 'orange',
    // contentComponent: CustomDrawerContentComponent
  }
);

export default createAppContainer(navigator) ;

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    backgroundColor: '#ecf0f1',
    padding: 8,
  }
});

Answer 1

你必须这样写才能工作

const Navigation=createAppContainer(navigator)
export default Navigation;

Answer 2

我认为这是一个命名约定问题请将 navigator 重命名为 Navigator

const Navigator = createDrawerNavigator( { Home, }, 
{ // drawerType: 'back',
 // drawerPosition: 'right', 
// drawerWidth: 200, // drawerBackgroundColor: 'orange',
 // contentComponent: CustomDrawerContentComponent } );

 export default createAppContainer(Navigator) ;

Answer 3

我今天尝试了 Masuk Helal Anik 和 Vishal 的方法，他们都成功了，奇怪...

我已经尝试运行我的 drawerNavigation 代码与 3 反应导航版本但仍然说错误

I have tried running my drawerNavigation code with 3 react navigation version but still says error

javascript

frontend

navigation-drawer

package.json

react-native

我已经尝试 运行 我的 drawerNavigation 代码与 3 反应导航版本但仍然说错误

I have tried running my drawerNavigation code with 3 react navigation version but still says error

javascript

frontend

navigation-drawer

package.json

react-native

我已经尝试运行我的 drawerNavigation 代码与 3 反应导航版本但仍然说错误