NativeScript Core：我正在尝试更改TabViewItem图标的大小，但无法弄清楚

Question

我在NativeScript项目的每个选项卡中添加了图标，并且我正确地引用了png图像，但是图像尺寸过大。我正在尝试添加样式，无法弄清楚如何正确引用事物。我正在使用iconSource引用我的图标。

我尝试将字体大小更改为TabView，尝试调整图像的大小，还尝试添加填充，但是没有任何效果。

    <TabViewItem title="Routes" ios:iconSource="res://tabIcons/subway" android:iconSource="res://home">
        <Frame defaultPage="home/home-items-page"></Frame>
    </TabViewItem>

    <TabViewItem title="Map" ios:iconSource="res://tabIcons/map" android:iconSource="res://browse">
        <Frame defaultPage="browse/browse-page"></Frame>
    </TabViewItem>

    <TabViewItem title="Favorites" ios:iconSource="res://tabIcons/heart" android:iconSource="res://search">
        <Frame defaultPage="search/search-page"></Frame>
    </TabViewItem>

    <TabViewItem title="Settings" ios:iconSource="res://tabIcons/cog" android:iconSource="res://settings">
        <Frame defaultPage="settings/settings-page"></Frame>
    </TabViewItem>
</TabView>

我最好在iconSource图片周围添加一些填充，并可能对标题进行一些格式化。

Answer 1

您是否尝试像对待标签一样对待它？ 使用标签的属性，例如width =“ 100” height =“ 100” Stretch =“ aspectFill”，等等...

有关图像组件的更多信息，请点击https://docs.nativescript.org/ui/ns-ui-widgets/image

编辑： 如果它不起作用，请尝试实现自定义的底部导航，而不是tabview，它更加灵活，并且在各个平台上的UI更加统一，例如https://play.nativescript.org/?template=play-tsc&id=R2y34S&v=11