我正在尝试创建一个带有自定义图标的NavigationButton,该图标在NativeScript Vue的所有屏幕上看起来都不错。由于我无法使用SVG,因此我使用了更大的PNG,并尝试像这样使用它:
<NavigationButton text="Go back" icon="~/assets/images/arrow_left_big.png" @tap="navigateBack" />
但是图像没有缩放到适合按钮的大小:
我知道我可以使用资源
<NavigationButton text="Go back" icon="res://arrow_left" @tap="navigateBack" />
并为不同的屏幕准备不同的图像,但是要做一些工作,尤其是在有更多图形的情况下。
有没有一种方法可以自动在NavigationButton中放置图像?像stretch="aspectFit"
一样?或者更好的是,在CSS中使用max-height: 1em;
?