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

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>)
  }
/>