代码之家 › 专栏 › 技术社区 › Max Schmeling

如何将触摸不透明度属性类型与其他字段组合

flowtype react-native

Max Schmeling · 技术社区 · 6 年前

我正在尝试添加 color 支撑到 styled-components 包裹 TouchableOpacity 让流程正确地输入。

type TouchableOpacityProps = $PropertyType<Element<TouchableOpacity>, "props">;
type ButtonTouchableProps = { color: string } & TouchableOpacityProps;

const ButtonTouchable: ComponentType<ButtonTouchableProps> = styled.TouchableOpacity`
  background-color: ${props => props.color};
`;

但是,当使用 <ButtonTouchable color="#CCCCCC" /> :

无法创造 ButtonTouchable 元素,因为属性 颜色 是对象类型[1]中缺少,但在属性[2]中存在。(参考文献:[1][2])

1 回复 | 直到 6 年前

DAVID _ 6 年前

// @flow
import { type ElementConfig, type ComponentType } from 'react';
import { TouchableOpacity } from 'react-native';

type ButtonTouchableProps = {|
  ...$Exact<ElementConfig<typeof TouchableOpacity>>,
  color: string,
|};

const ButtonTouchable: ComponentType<ButtonTouchableProps> = styled.TouchableOpacity`
  background-color: ${props => props.color};
`;

推荐文章

Christopher Francisco · 流-缓存公共变量检查时,读取联合类型属性不起作用

6 年前

David Schumann Axnyff · 使用react native中无状态功能组件的流定义属性类型

6 年前

JD. · 流-可能类型与看似有效的默认对象参数不兼容

6 年前

arnoldbird · 如何使用非字符串引用而不导致流错误

6 年前

Andy Haskell · 为什么Web包在我的主目录中查找预设?

6 年前

Ilja · 扩展flow“type Props”以包括来自其他组件的道具类型?

6 年前

Soichi Takamura · 流类型是否可以在方法链接中收紧实例的方法定义

6 年前

Janekx · 如何构建流程

6 年前

Daniel Jung · eslint无法解析$ReadOnlyArray

6 年前

Saad · Flowtype libdefs如何从其他libdef导入类型?

6 年前