如何通过Typescript导入Flow的React-Native类型？

Question

在我的本机应用程序中，我有一个TextInput组件。 TextInput从以下路径读取某些类型：

/Users/karl/Library/Caches/typescript/3.6/node_modules/@types/react-native/index.d.ts

此文件具有多种类型，包括：

export type KeyboardType = 'default' | 'email-address' | 'numeric' | 'phone-pad';

我可以在添加的道具上使用cmd + clicking访问该文件（使用vscode）以进行定义。

我想知道如何在此文件中引用类型，以便可以在Flow类型定义中使用它们？

我希望能够做类似的事情：

// pseudocode
import type { KeyboardType } from 'react-native'

我该怎么办？

Answer 1

实际上，对于flow-typed，您应该直接从组件源添加类型：

import type {
  KeyboardType,
  ReturnKeyType,
} from 'react-native/Libraries/Components/TextInput/TextInput';

但是对于typescript，首先安装@types/react-native，然后从react-native获取所有类型；

import { ReturnKeyType, KeyboardType } from 'react-native';

Answer 2

您做对了所有事情，不过您不需要在type之后加上import一词：

import { Image, StyleSheet, ReturnKeyType, KeyboardType } from "react-native";