React Native中<img/>组件的'source'属性中的表达式

Question

在React Native中，我可以做

<Image
  source={
    require(<image uri>)
  }
/>

我可以像这样使用三元运算符

<Image
  source={
    true ? require(<image uri>) : require(<other image uri>)
  }
/>

但是我不能这样做

<Image
  source={
    if (true) {
      require(<image uri>)
    }
  }
/>

实际上，我的代码编辑器（VsCode）使'true'关键字变灰。显然，我不能在“源”字段中使用这样的表达式，但是有人可以给我解释这里的规则是什么吗？就这么简单吗？还是您可以将我引到对此进行规范研究的任何资源？

Answer 1

尝试一下：

var bShow = true or false
<Image
  source={
    true && require(<image uri>)
  }
/>