How to place fav bottom center for tabbed iOS tabbed display

Ionic Framework ionic-v3
#1

I am using this button

//In a Component Page
<ion-content>...</ion-content>
<button fab fab-center fab-bottom primary><ion-icon name="add"></ion-icon></button>

I want it to look like: (without the heart, add a plus sign)

image
Screen Shot 2016-03-02 at 1.13.53 PM.png734×192 9.94 KB

I have tried inside and outside of the template and it seems that putting it elsewhere (such as the tab root .html) would break encapsulation of the component as it only needs to show up in 1 view.

#2

Any idea @keczan ? I just want to find the best way to do it.

Thank you.