Что я пытаюсь сделать: поместите панель вкладок в нижней части экрана iPhone X, где он находится, а также поместите панель навигации вверху дисплея.
Я пытался выполнить то, что, по моему мнению, было бы простой задачей - использовать Безопасные области в раскадровке, чтобы расположить панель вкладок в нижней части экрана iPhone X. Я упускаю что-то фундаментальное.
Я прочитал много статей о том, как это сделать, , включая эту . Он включает в себя скриншот сцены панели управления, которая выглядит следующим образом:

Но я не могу создать представление в контроллере панели вкладок, чтобы поместить элемент панели вкладок в , как упоминается в статье. Насколько я понимаю, я буду использовать безопасную область представления, которая должна содержать элемент панели вкладок. Но это не позволит мне разместить представление нигде, кроме как за пределами представления контроллера. Я пытался использовать "embed" - но все параметры неактивны.
То же самое относится и к контроллеру навигации для перемещения панели навигации в верхнюю часть дисплея.
Самое смешное, что IB отображает его в нужном месте, но на моем устройстве панель вкладок находится намного выше, чем должна быть (а панель навигации - ниже).

У меня "Opens in" установлен на "Latest Xcode (9.0)" и "Builds for iOS 11.1", установленный в "Документе Interface Builder" сцены, и установлен флажок "использовать руководства по разметке безопасных зон". Я не использую никаких пользовательских классы для контроллера панели вкладок или панели вкладок. Я использую XCode 9.3 и iOS 11.3.1
Какая простая вещь, по которой я скучаю? Заранее спасибо.

