ReactNative drawer：blank screen

Question

ReactネイティブアプリケーションでReact-Native-Drawerを使用しようとしていますが、同じ問題がNativeBaseドロワーに表示されますが、画面に何も表示されません。ただし、引き出しコンポーネントのjsxタグをログに記録すると、nullでも未定義でもありません。ここで

関連するスニペット：

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コンポーネントを紹介しています。あなたが解決策を見つけた場合、今、同じ問題に直面して​​実装のための

チェック