如何在native native中扩展一些样式对象

Question

我想创建一个base style并通过base扩展其他人。如何在反应本机代码中实现它。

tvSmallDefault : {fontSize : Dimens.tvDefaultSmall, color : Colors.black},
tvNormalDefault : {fontSize : Dimens.tvDefaultNormal, color : Colors.black},

这里我给出了上述两种款式的黑色。如何制作基本样式并在两者中使用它，就像这样。

base: {color : Colors.black},
tvSmallDefault parent base: {fontSize : Dimens.tvDefaultSmall},
tvNormalDefault parent base : {fontSize : Dimens.tvDefaultNormal},

Answer 1

您可以将基本样式声明为对象，然后使用...扩展运算符将其混合（如果展开运算符不可用，则为Object.assign）

const baseStyle = { color: Colors.black }

const tvSmallDefault = { ...baseStyle, fontSize: Dimens.tvDefaultSmall }
const tvNormalDefault = { ...baseStyle, fontSize: Dimens.tvDefaultNormal }

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax