Ионный заголовок - это нужно? как заставить его прокручивать, а не исправлять - PullRequest
1 голос
/ 20 июня 2019

Создание ионного приложения, и я заметил, что ионный заголовок всегда зафиксирован в верхней части страницы, я не могу найти способ в рамках фреймворка, чтобы он мог прокручивать контент, поэтому я полностью удалил егосо всех моих страниц и просто добавил заголовок в форме a, который имеет кнопку "Назад" и т. д.

Мне интересно, если это стандартный способ достичь того, что я хочу, или есть лучшепуть ?Есть ли какие-либо проблемы, с которыми я могу столкнуться, удалив ионный заголовок и т. д.

1 Ответ

1 голос
/ 21 июня 2019

Ну, во-первых, я должен сказать, что фиксированный заголовок вверху страницы является стандартом как для iOS, так и для Android, поэтому Ionic делает это - пользователи мобильных приложений ожидают, что ваше приложение будет вести себя именно таккак и 99% остальной части мобильного приложения.

Могут ли я столкнуться с проблемами при удалении ion-header и т. д.

Так как Ionic ожидает заголовокчтобы быть в определенном месте на ваших страницах, у вас могут возникнуть проблемы, связанные с:

  • Переходы страниц: как вы можете видеть в этот ответ переход страницы iOS не будет работать должным образом, если заголовок не размещен там, где Ionic ожидает его.

  • «Overscrolling» на iOS: когда вы находитесь в верхней части страницыи вы все еще пытаетесь немного прокрутить на iOS, вы ожидаете, что содержимое страницы будет прокручиваться, но заголовок останется в том же положении.Если верхний колонтитул не зафиксирован сверху, вы увидите раздел с белым фоном в верхней части страницы, когда с избыточной прокруткой .

  • iPhone X безопаснообласти: Ionic использует некоторые CSS-правила, чтобы убедиться, что заголовок имеет дополнительные отступы в верхней части на устройствах, таких как iPhone X, для обработки на высшем уровне, который есть у этих устройств.Если вы размещаете заголовок по-другому, вам, возможно, придется исправить это вручную с помощью ваших собственных правил CSS.

  • Перекрытие строки состояния: также относится к предыдущему элементу, заголовок предотвращаетконтент, который будет отображаться за строкой состояния iOS.Если у вас нет заголовка, вам может потребоваться добавить дополнительный контент к своему контенту, чтобы избежать этого.

Если вам действительно нужно скрыть заголовок в вашем приложении, в одну сторонучтобы избежать этих проблем, было бы сделать заголовок скрытым, когда пользователь прокручивает.Таким образом, заголовок все равно будет таким, каким его хочет Ionic, но он исчезнет, ​​как только пользователь выполнит прокрутку (это также известный шаблон, который делают некоторые приложения).Пожалуйста, посмотрите на этот удивительный пост , чтобы узнать, как сделать что-то вроде этого:

enter image description here

...