LeftNavButtons Views

I want to add two buttons in the NavBar of the navigation window; one on the left and the other in the center. I tried a few approaches to create the UI:

1. I tried to add one button as the leftNavButton and the other (centred button) as the rightNavButton, However,I cannot style it so the button is in the middle.

2. My other approach is to add both buttons as the leftNavButton since the leftNavButton takes an array of views as the parameter. I created all the components in the XML and style it according to the top left corner of the NavBar of the navigation window (by setting both top and left attributes in .tss file to 0). Both buttons fire events without any problems, but the component shift position twice before it is in the correct position. At first, I can see some left padding and the component is overlaying the StatusBar. After it shifts once, the component became the right height (no overlay on StatusBar), but the component still has some left padding. The component is in the expected position only after the second shift.

I already made sure that I did not change the style in any way in the JavaScript. Does anyone know what might be the cause of this odd behaviour?

I apologize for not attaching any screenshots. I cannot find a way to attach local images on my laptop to the Q&A.

Thanks!