typescript - 如何在 TypeScript 中声明对象属性？

Question

这个代码片段给了我这个错误：

输入'JustifyContent | undefined' 不可分配给类型 '"space-around" | “之间的空间” | “空间均匀” | “中心” | “弹性端” | “弹性开始” | 不明确的'。类型 'string & {}' 不可分配给类型 '"space-around" | “之间的空间” | “空间均匀” | “中心” | “弹性端” | “弹性开始” | 不明确的'。

我想帮助解决这个问题。

欢迎在编写代码时提出建设性的批评。

Answer 1

您正在尝试在反应原生样式表中使用 CSS 类型（在网络上）。那是行不通的。React 原生样式表深受基于 Web 的 CSS 的启发，但它们是另一回事。

查看类型，您希望FlexStyle['justifyContent']从react-native模块中获得。

一个非常简单的例子：

import { StyleSheet, FlexStyle } from 'react-native'

const justify: FlexStyle['justifyContent'] = 'center'

const styles = StyleSheet.create({
  foo: {
    justifyContent: justify // works fine
  }
})

我会给你一个更完整的例子，但我不会重新输入你图像中的所有代码。尽管如此，这应该给你正确的类型来使用。

操场