Hello Guys!
My tabs are not visible in Android. But in chrome they are. Any suggestion?
Comparing the Chrome and the android simulator you see the diferences.
<ion-view id="page22" title="Pedido">
<ion-tabs class="tabs-positive tabs-icon-top">
<!-- TABS PRODUTOS -->
<ion-tab title="Produto" icon-on="ion-ios-pricetag" icon-off="ion-ios-pricetag-outline" id="tabProduto">
<ion-nav-view name="produto-tab" title="Pedido">
<ion-content padding="false" class="has-header">
<ion-list id="listProdutosPedidos">
<ion-item class="item-divider" id="produtos-list-item-divider"> Produtos do Pedido</ion-item>
<ion-item class="item item-icon-right" style="" ng-repeat="produtoCorrente in pedidoCorrente.produtos">
<h2>{{produtoCorrente.nome}}</h2>
<p>
Quantidade: {{produtoCorrente.qtd}}
</p>
<p>
Valor Unitário: R$ {{produtoCorrente.valorUnitario}}
</p>
<p>
Valor Total: R$ {{produtoCorrente.valorTotal}}
</p>
<ion-option-button class="button-assertive">Remover</ion-option-button>
<ion-option-button class="button-positive">Alterar</ion-option-button>
</ion-item>
</ion-list>
</ion-content>
</ion-nav-view>
</ion-tab>
<!-- TABS TABELA DE PREÇO E TRANSPORTADORA -->
<ion-tab title="Tabela" icon-on="ion-card" icon-off="ion-card">
<ion-nav-view name="tipo-tab">
<ion-content padding="false" class="has-header">
<form class="list">
<ion-item class="item-divider"> Tabela de Preço</ion-item>
<ion-radio name="tabPreco" ng-repeat="tabela in tabelas" ng-model="pedidoCorrente.tabelaPreco" ng-value="{{tabela.id}}">{{tabela.nome}}</ion-radio>
<ion-item class="item-divider"> Transportadora</ion-item>
<ion-radio name="tabTrans" ng-repeat="trans in transportadoras" ng-model="pedidoCorrente.transportadora" ng-value="{{trans.id}}">{{trans.nome}}</ion-radio>
</form>
</ion-content>
</ion-nav-view>
</ion-tab>
<!-- TABS CONDICAO E TIPO -->
<ion-tab title="Condição" icon-on="ion-cash" icon-off="ion-cash">
<ion-nav-view name="condicao-tab">
<ion-content padding="false" class="has-header">
<form class="list">
<ion-item class="item-divider"> Tipo de Pagamento</ion-item>
<ion-radio name="tipoPag" ng-repeat="tipo in tiposPagamento" ng-model="pedidoCorrente.tipoPagamento" ng-value="{{tipo.id}}">{{tipo.nome}}</ion-radio>
<ion-item class="item-divider"> Condição de Pagamento</ion-item>
<ion-radio name="condPag" ng-repeat="condicao in condicoesPagamento" ng-model="pedidoCorrente.condicaoPagamento" ng-value="{{condicao.id}}">{{condicao.nome}}</ion-radio>
</form>
</ion-content>
</ion-nav-view>
</ion-tab>
<!-- TABS CONFIRMACAO -->
<ion-tab title="Confirmar" icon-on="ion-android-done-all" icon-off="ion-android-done-all">
<ion-nav-view name="confimar-tab">
<ion-content padding="false" class="has-header">
<form class="list">
<label class="item item-select">
<span class="input-label">Cliente</span>
<select ng-model="pedidoCorrente.cliente" ng-options="cliente.id as cliente.nome for cliente in clientes"></select>
</label>
<ion-list>
<ion-item class="item">
<h2>Total ST</h2>
<p>R$ {{pedidoCorrente.total}}</p>
</ion-item>
<ion-item class="item">
<h2>Total ICMS</h2>
<p>R$ {{pedidoCorrente.total}}</p>
</ion-item>
<ion-item class="item">
<h2>Total IPI</h2>
<p>R$ {{pedidoCorrente.total}}</p>
</ion-item>
<ion-item class="item">
<h2>Valor Total do Pedido</h2>
<p>R$ {{pedidoCorrente.total}}</p>
</ion-item>
</ion-list>
<ion-toggle toggle-class="toggle-positive" ng-model="pedidoCorrente.rascunho">Rascunho</ion-toggle>
<label class="item item-input">
<span class="input-label">Obs:</span>
<input type="text" placeholder="" ng-model="pedidoCorrente.obs">
</label>
<button style="border-radius:0px 0px 0px 0px;" class="button button-positive button-large button-block">Enviar Pedido</button>
</form>
</ion-content>
</ion-nav-view>
</ion-tab>
</ion-tabs>