5 Answers

• i recently wrote some code to accomplish this style (close, just has button outlines)

  var buttonObjects = [
      {image:'images/icons/01-refresh.png', width:50},
      {image:'images/icons/02-switchaccounts.png', width:50}
  ];
  
  var buttonBar = Titanium.UI.createButtonBar({
      labels:buttonObjects
  });
  
  {{{target}}}.setRightNavButton(buttonBar);
  
  buttonBar.addEventListener('click', function(e){
  
      //refresh button
      if(e.index == 0){
          alert('refresh');
  
      //switch accounts
      }else if(e.index == 1){
          alert('switch accounts');
      }
  
  });
  

  hope that helps.

• I think this is a normal toolbar with 5 buttons, the first one being a flexspace

• I couldn't get a toolbar to work as a nav button. Am I doing something wrong, or does this not actually work?

• I think it's possible with a tabbed button bar, but not separate buttons.

• But then they all look like buttons, not like the iPhone/iPad icons right? or is there a button style to remove all the borders?