Как использовать Fab-Button внутри Tab-Bar или позиционировать Tab-кнопки - PullRequest
0 голосов
/ 14 января 2019

Я бы хотел поместить плавную кнопку наполовину над моей панелью ионных вкладок прямо в середине панели, но кнопка ионных вкладок (иконки) в Ionic-4 мешает. Я добился этого (ограниченно), используя css, чтобы поместить кнопку fab на панель вкладок.

Вот как это получается:

enter image description here

Есть ли способ расположить кнопки-вкладки ионных вкладок там, где я хочу, чтобы они располагались вдоль панели вкладок ионов, а не то, как Ionic хочет разместить их, т. Е. Если я скажу 3 значка (кнопки) на на панели вкладок они расположены одинаково, поэтому средняя кнопка находится посередине панели вкладок. Это в основном мешает тому, где я хочу плавать моей потрясающей кнопке, так что можно сказать, что передвиньте 2 кнопки в крайнее левое положение и одну кнопку в крайнее правое положение, чтобы для меня было свободное место посередине отпустить мою потрясающую кнопку?

Вот как бы я хотел этого достичь:

enter image description here

Или, есть ли способ встроить потрясающую кнопку в качестве одной из кнопок вкладок на панели вкладок. Я понял, что использование вкладки-кнопки - для навигации / отображения содержимого при щелчке где-то, как нажатие кнопки fab - для отображения списка элементов списка fab-button-list, поэтому я предполагаю, что его нельзя просто поместить внутрь панель вкладок.

Надеюсь, кто-то может понять, чего я пытаюсь достичь, и направить / помочь мне.

Большое спасибо

Rowie

1 Ответ

0 голосов
/ 25 июня 2019

Я думаю, что вы можете добавить еще несколько пустых вкладок для их разметки, например:

<ion-tab-button tab=""> </ion-tab-button>

Если вы сделаете всего 7 вкладок, первые две из которых будут домашними и бумажными, следующие 4 - пустыми (сверху), а последние - профилем, вы сможете достичь этого.

...