有条件的内联样式与本机反应

Question

这种事情有可能吗？

<Text style={{ opacity: ${ "blue" == "blue" ? 1 : 0 }, textAlign:"right" }}>Retry</Text>

我知道这不是你做的，因为它不起作用。但是想知道是否有办法在不创建对象的情况下有条件地创建样式。

Answer 1

您不需要${ }，即：

<Text style={{ opacity: "blue" == "blue" ? 1 : 0, textAlign:"right" }}>Retry</Text>

或者为了使不透明度完全可选，您可以执行以下操作：

<Text style={{ opacity: "blue" == "blue" ? 1 : null, textAlign:"right" }}>Retry</Text>