ReactNative抽屉：空白屏幕

Question

我试图在我的React Native应用程序中使用React-Native-Drawer（但是出现与NativeBase抽屉相同的问题），但没有在屏幕上显示：无论是抽屉还是主要内容。但是，如果我记录抽屉组件的jsx标签，它既不是null也不是undefined。

这里的相关片段：

render(){ 

    const mainZone = <Text>Hello drawer !</Text> 
    const sideBar = <Text>My drawer item</Text> 

    const drawerZone = <Drawer 
         ref={(ref) => { this.drawer = ref; }} 
         content={sideBar} 
         onClose={() => this.closeDrawer()} 
         tapToClose 
         > 
         {mainZone} 
         </Drawer>; 

    return drawerZone; 
} 

这里的版本

$ react-native --version 
react-native-cli: 2.0.1 
react-native: 0.43.3 

的package.json

{ 
    "name": "custom-app", 
    "version": "0.0.1", 
    "private": true, 
    "scripts": { 
    "start": "node node_modules/react-native/local-cli/cli.js start", 
    "android": "curl 'http://localhost:8081/index.android.bundle?platform=android' -o 'android/app/src/main/assets/index.android.bundle' && node node_modules/react-native/local-cli/cli.js run-android", 
    "test": "jest" 
    }, 
    "dependencies": { 
    "chess-lib-js": "0.0.5", 
    "native-base": "^2.1.1", 
    "react": "16.0.0-alpha.6", 
    "react-native": "0.43.3", 
    "react-native-fetch-blob": "^0.10.4", 
    "react-native-splash-screen": "^2.0.0", 
    "react-native-svg": "^5.1.7" 
    }, 
    "devDependencies": { 
    "babel-jest": "19.0.0", 
    "babel-preset-react-native": "1.9.1", 
    "jest": "19.0.2", 
    "react-test-renderer": "16.0.0-alpha.6" 
    }, 
    "jest": { 
    "preset": "react-native" 
    } 
} 

所以我的问题就是以下几点：我错过了一些东西，一些设置或抽屉中的属性？我的代码有什么问题？

Answer 1

NativeBase-KitchenSink展示了所有NativeBase组件。

检查​​实施