Ядро NativeScript: я пытаюсь изменить размер значка 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

Edit: Если это не сработало , попробуйте внедрить пользовательскую нижнюю навигацию вместо tabview, которая является более гибкой и имеет более унифицированный пользовательский интерфейс на разных платформах, как эта https://play.nativescript.org/?template=play-tsc&id=R2y34S&v=11