react-native - 在 Vue Native 中添加静态图片资源

Question

我知道为了在本机反应中添加静态图像资源，图像必须是静态已知的。这是通过以下方式完成的：

var icon = this.props.active
  ? require('./my-icon-active.png')
  : require('./my-icon-inactive.png');
<Image source={icon} />;

在 vue native 中，就像在 react native 中一样，使用

<image
  :source="{require('./my-icon.png')}"
/>

将不起作用，因为静态图像不是静态已知的。如何使图像在 Vue Native 中静态已知？

Answer 1

在 Vue-Native 中你需要这样写：

<image
:source="require('./my-icon.png')"
/>

放下{}中间""