javascript - 如何使用 Flow 扩展 React Native 组件的 props？

Question

我正在我的 React Native (0.48.3) 项目中使用 Flow (0.54.1)。我创建了一个名为 PrimaryButton 的组件，它包装了 native TouchableOpacity 组件。我想使用一些自定义 Prop 以及 TouchableOpacity 的整套 Prop 来输入组件。

我如何访问/扩展属于TouchableOpacity的 Prop ？ (或任何 native /内置 React Native 组件)

在下面的示例中，我尝试弄清楚如何填充 PROPS_FROM_TOUCHABLE_OPACITY。

type Props = PROPS_FROM_TOUCHABLE_OPACITY & {
    title: string,
};

const PrimaryButton = ({ title, ...rest }: Props) => (
    <TouchableOpacity {...rest}>
        <View>
            <Text>{title}</Text>
        </View>
    </TouchableOpacity>
);

为简洁起见，简化了组件

Answer 1

您可以使用$PropertyType来获取对象的某些属性的类型。然后，您可以像这样定义您的 Props 类型:

type Props = $PropertyType<TouchableOpacity, 'props'> & {
    title: string,
};