当前位置:  开发笔记 > 编程语言 > 正文

react-native样式是否有任何流类型定义?

如何解决《react-native样式是否有任何流类型定义?》经验,为你挑选了2个好方法。

我正在创建一个react本机组件并使用Flow来定义属性类型,如下所示:

type Props = {
    text: string,
    textStyle: object
}

然后将这些属性传递给组件内的Text组件.是否有反应原生的任何Flow类型定义,这将允许我做这样的事情:

textStyle: TextStyle

现在,Flow可以检查textStyle值是否仅包含Text组件样式允许的键.

我看到有TypeScript(React.TextStyle)的接口定义,但找不到Flow的任何内容.



1> locropulento..:

更新3:

目前的最佳做法是:

import type {
   ViewStyleProp,
   TextStyleProp,
   ImageStyleProp,
} from 'react-native/Libraries/StyleSheet/StyleSheet';

更新2:以下PR使事情更简单,因为今天的flowtype样式如下.

type StyleValue = {[key: string]: Object} | number | false | null;
type StyleProp = StyleValue | Array; 

过时:在下面的PR修复它,可以从v0.52.0被发现

可以执行以下操作:

// @flow

import type { StyleObj } from 'react-native/Libraries/StyleSheet/StyleSheetTypes';

type Props = {
    style?: StyleObj
};

以下讨论:https://github.com/flowtype/flow-typed/issues/631#issuecomment-282009393



2> 小智..:

更新

StyleObj 不再是StyleSheetTypes的一部分.

现在导入:

{LayoutStyle, TransformStyle, ShadowStyle, ViewStyle, TextStyle, ImageStyle, DangerouslyImpreciseStyle} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';

在您的情况下,您应该:

import { TextStyle } from 'react-native/Libraries/StyleSheet/StyleSheetTypes';


`react-native / Libraries / StyleSheet / StyleSheet中的导入类型{ViewStyleProp};`
推荐阅读
ar_wen2402851455
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有