I am trying to use FontAwesome Icons as ActionItems in the ActionBar. The reason for that is that we want to provide a number of color templates in our app, so the background-color of the ActionBar may change from dark to bright and changing the color of a font-icon is easier than creating and providing multiple variations of each image resource.
This is what I am doing:
<ActionBar title="Index"> <ActionBar.actionItems> <!-- Icon using image resource --> <ActionItem text="Default ActionItem" position="right" icon="res://reply" /> <!-- Icon using custom ActionView --> <ActionItem text="Custom ActionItem" position="right"> <ActionItem.actionView> <Label text="" cssClass="actionItemIcon" /> </ActionItem.actionView> </ActionItem> </ActionBar.actionItems> </ActionBar>
The problem is:
As you can see, using a Label with a FontAwesome Icon in the Actionbar does not keep the ‘ripple’ effect when tapping or selecting it. The tapping-effect is missed on Android and iOS.
It is awesome that NativeScript offers the opportunity to create custom ActionItems. But is there any way to keep the default native behaviour?