在打字稿

时间:2018-03-06 13:20:44

标签: typescript react-native typescript2.0

我打算在打字稿中安装和使用victory-native模块。我试过npm install @types/victory-native,但它说没有模块@types/victory-native

我应该只在打字稿中安装@types/...模块吗?

如何在打字稿中使用此模块?

1 个答案:

答案 0 :(得分:1)

只做npm install victory-native --save
这个模块没有打字,但没有什么可以阻止你使用它 您还需要手动安装依赖项,然后链接本机代码
react-native link react-native-svg

请参阅他们的指南: https://github.com/FormidableLabs/victory-native

更新
如果您不熟悉如何使用本机模块和TypeScript 这种情况有我的方法:

  • 当您看到它需要链接时,它很容易使用弹出的应用程序,而不是世博会。假设项目是从create-react-native-app创建的。确保通过运行yarn eject
  • 弹出项目
  • 运行yarn add victory-native react-native-svg以安装模块
  • 在tsconfig.json中,设置"allowJs": true, "noImplicitAny": false
  • react-native link react-native-svg之后,在 build.gradle(模块:应用)文件中打开Android Studio,尝试在底部找到dependencies { compile project(':react-native-svg') ... }。如果该行不存在,请添加此行。
  • android 文件夹下,在命令行中运行gradlew clean
  • 然后构建您的js文件,并从命令行运行react-native run-android。这个模块现在应该可以工作了。

有我的tsconfig.json:

{
  "compilerOptions": {
    "target": "esnext",
    "module": "commonjs",
    "moduleResolution": "node",
    "jsx": "react-native",
    "outDir": "build",
    "rootDir": "src",
    "allowSyntheticDefaultImports": true,
    "experimentalDecorators": true,
    "noImplicitAny": false,
    "preserveConstEnums": true,
    "allowJs": true,
    "sourceMap": false,
    "noImplicitReturns": true,
    "noUnusedParameters": true,
    "noUnusedLocals": true
  },
  "filesGlob": ["typings/index.d.ts", "src/**/*.ts", "src/**/*.tsx"],
  "types": ["react", "react-native", "jest"],
  "exclude": ["android", "ios", "build", "node_modules"],
  "compileOnSave": false,
  "include": ["src/**/*"]
}

直接从official documentation复制的简单示例:

import React, { Component } from "react";

import { VictoryBar } from "victory-native";

class App extends Component {
  render() {
    return (
      <VictoryBar />
    );
  }
}

export default App;