CODEWITHSUNDEEP
android-actionbarnativescriptangular2-nativescript
zarax
zarax

Reputation: 831

How to change distance between NavigationButton an ActionBar title in Nativescript?

I want to decrease the distance between NavigationButton and ActionBar title in a NativeScript app. How to do that for both iOS and Android?

enter image description here

Upvotes: 2

Views: 996

Answers (1)

Dlucidone
Dlucidone

Reputation: 1101

You can Customize it by Using Labels inside the Action Items to place It anywhere on Action Bar - You can style it whatever way you want.

<ActionBar>
<ActionItem ios.position="popup" (tap)="capturePhoto($event)" android.position="popup" text="delete">

<Label  class="font-awesome actionItemLabel" text="&#xf03e;" color="white" style="font-size: 26; background-color: transparent; width: 40px; text-align: left;"></Label> 

</ActionItem>
</ActionBar>

Upvotes: 2

Related Questions