在打字稿

Question

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

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

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

Answer 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;