1

我正在尝试在我的 React Native 应用程序中使用 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

包.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"
  }
}

所以我的问题如下：我错过了什么，抽屉里的一些设置或属性吗？我的代码有什么问题？

4

1 回答 1

1

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

检查抽屉实现

于 2017-05-26T05:57:13.373 回答