Using IconFonts in ActionBar + navigation leeds to displaced icons

Code to reproduce here

Description:

Create two pages with ActionBarItem that are using IconFonts
Navigate from pageA to pageB with action-bar set

<ActionItem ios.position="right" (tap)="goBack()"> 
    <Button #backicon text="&#xE87D;" class="material-icons backicon"></Button> 
</ActionItem>

result: Icon is loaded at one place at the initial moment - then the icon is displaced by x (where x is the icon size)

temporarily I just had the action items for 400ms after the page transition until I can safely show, but eagerly awaiting this :)

Is there an alternative to font icons in the actionbar? raw images?

@tskweres

@tskweres

Yes - you can use images to customize both your ActionBar title and ActionBar items.
Example for customizing the title can be found here.

And at this section you can see how to customize your action-bar items and use system icons

@NickIliev

@NickIliev yeah I'm interested in using custom icons not the system icons. I think what I'll do is pop open photoshop and save the font icons as images for now and see what happens :/

Fixed: jumping action bar reported in #2941

Merge pull request #3050 from NativeScript/raikov/fix-jumping-actionbar2

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Navigation Menu

Repository navigation

Using IconFonts in ActionBar + navigation leeds to displaced icons #2941

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Using IconFonts in ActionBar + navigation leeds to displaced icons #2941

Description

Activity

tskweres commented on Oct 26, 2016

tskweres commented on Nov 3, 2016

NickIliev commented on Nov 4, 2016

tskweres commented on Nov 4, 2016

lock commented on Aug 29, 2019

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions