具有本机反应的条件内联样式[重复]

Posted

技术标签:

【中文标题】具有本机反应的条件内联样式[重复]【英文标题】:Conditional Inline Styling with react native [duplicate] 【发布时间】:2018-09-08 23:51:42 【问题描述】:

这种事情可能吗?

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

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

【问题讨论】:

【参考方案1】:

你不需要$ ,即:

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

或者要使不透明度完全可选,您可以执行以下操作:

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

【讨论】:

以上是关于具有本机反应的条件内联样式[重复]的主要内容,如果未能解决你的问题,请参考以下文章

内联样式不好吗?

反应内联条件

反应内联样式不适用于某些属性

反应原生和打字稿多内联样式

设置复杂的反应内联样式,例如悬停,在反应组件(例如按钮)上处于活动状态

反应内联样式 - 用居中文本替换 tbody