Я хотел бы создать tabs component, в котором есть несколько вкладок вверху экрана, а некоторые - внизу, есть ли способ добиться этого?
Что-то вроде этого:
Я пробовал использовать два экземпляра, но у меня не получилось, и думаю, будет очень сложно синхронизировать между ними.
Любые идеи?
Вы также можете разместить TabsComponent вверху страницы. Предполагая, что вы импортировали и объявили TabsComponent. Все, что вам нужно сделать, это добавить этот атрибут в свой app.module.ts
imports: [
IonicModule.forRoot(MyApp,{tabsPlacement: 'bottom'})
],
Фактически это позволяет вам изменять только положение панели вкладок.
Вы можете объединить макет вкладок (вкладки внизу) и добавить панель инструментов вверху каждой страницы с несколькими Сегментируйте компоненты следующим образом:
<ion-header>
<ion-toolbar>
<ion-segment [(ngModel)]="topTab" color="secondary">
<ion-segment-button value="camera">
<ion-icon name="camera"></ion-icon>
</ion-segment-button>
<ion-segment-button value="bookmark">
<ion-icon name="bookmark"></ion-icon>
</ion-segment-button>
</ion-segment>
</ion-toolbar>
</ion-header>
Таким образом, у вас будут вкладки внизу (компонент вкладок) и вкладки вверху (заголовок с сегментами). Я не знаю, имеет ли это смысл в контексте вашего приложения, но с точки зрения пользовательского интерфейса результат будет очень похож на предоставленный снимок экрана.
segment. Например, если я хочу иметь http запрос на каждой из вкладок, который вызывается только после ionViewDidLoad. Это решение отправляет все http запросы, даже не открывая сегмент. У меня была похожая ситуация, я выбрал tabs inside tabs метод, который работает хорошо. И у меня все еще доступны анимация и другие обратные вызовы ионных страниц.
- person raj; 09.12.2016
Если вы используете Ionic 2 или 3, вот способ -
src\app\app.module.ts файлtabsPlacement:'bottom' как значение объекта функции onicModule.forRoot().'top' вместо 'bottom', чтобы появиться наверху код источник здесь.
