ใครมีปัญหากับเครื่องจำลอง iPhone X รอบ ๆ ส่วนประกอบ UITabBar?

ดูเหมือนว่าของฉันจะแสดงไอคอนและชื่อเรื่องอยู่ด้านบนของกันและกันฉันไม่แน่ใจว่าฉันพลาดอะไรไปหรือเปล่าฉันยังใช้งานมันในเครื่องจำลอง iPhone 8 และอุปกรณ์จริงหนึ่งเครื่องที่มันดูดีตามที่แสดงบน กระดานเรื่องราว

iPhone X:

ไอโฟน 8

ฉันสามารถแก้ไขปัญหาได้โดยเพียงแค่เรียก invalidateIntrinsicContentSize บน UITabBar ใน viewDidLayoutSubviews

-(void)viewDidLayoutSubviews
{
    [super viewDidLayoutSubviews];
    [self.tabBar invalidateIntrinsicContentSize];
}

หมายเหตุ: ด้านล่างของแถบแท็บจะต้องอยู่ที่ด้านล่างของมุมมองหลักแทนที่จะเป็นพื้นที่ปลอดภัยและแถบแท็บไม่ควรมีข้อจำกัดความสูง

คำตอบจาก VoidLess แก้ไขปัญหา TabBar เพียงบางส่วน มันแก้ไขปัญหาเลย์เอาต์ภายในแถบแท็บ แต่ถ้าคุณใช้วิวคอนโทรลเลอร์ที่ซ่อนแถบแท็บแถบจะแสดงผลไม่ถูกต้องในระหว่างการเคลื่อนไหว (หากต้องการสร้างใหม่จะดีที่สุด 2 มี 2 เซ็กส์ - หนึ่งโมดอลและหนึ่งดันหากคุณสลับส่วนต่างๆกันคุณสามารถ ดูแถบแท็บถูกแสดงผลไม่อยู่ที่ตำแหน่ง) การร้องรหัสช่วยแก้ปัญหาทั้งสองอย่าง แอปเปิ้ลงานดี

class SafeAreaFixTabBar: UITabBar {

var oldSafeAreaInsets = UIEdgeInsets.zero

@available(iOS 11.0, *)
override func safeAreaInsetsDidChange() {
    super.safeAreaInsetsDidChange()

    if oldSafeAreaInsets != safeAreaInsets {
        oldSafeAreaInsets = safeAreaInsets

        invalidateIntrinsicContentSize()
        superview?.setNeedsLayout()
        superview?.layoutSubviews()
    }
}

override func sizeThatFits(_ size: CGSize) -> CGSize {
    var size = super.sizeThatFits(size)
    if #available(iOS 11.0, *) {
        let bottomInset = safeAreaInsets.bottom
        if bottomInset > 0 && size.height < 50 && (size.height + bottomInset < 90) {
            size.height += bottomInset
        }
    }
    return size
}

override var frame: CGRect {
    get {
        return super.frame
    }
    set {
        var tmp = newValue
        if let superview = superview, tmp.maxY != 
        superview.frame.height {
            tmp.origin.y = superview.frame.height - tmp.height
        }

        super.frame = tmp
        }
    }
}

รหัสวัตถุประสงค์ -C:

@implementation VSTabBarFix {
    UIEdgeInsets oldSafeAreaInsets;
}


- (void)awakeFromNib {
    [super awakeFromNib];

    oldSafeAreaInsets = UIEdgeInsetsZero;
}


- (void)safeAreaInsetsDidChange {
    [super safeAreaInsetsDidChange];

    if (!UIEdgeInsetsEqualToEdgeInsets(oldSafeAreaInsets, self.safeAreaInsets)) {
        [self invalidateIntrinsicContentSize];

        if (self.superview) {
            [self.superview setNeedsLayout];
            [self.superview layoutSubviews];
        }
    }
}

- (CGSize)sizeThatFits:(CGSize)size {
    size = [super sizeThatFits:size];

    if (@available(iOS 11.0, *)) {
        float bottomInset = self.safeAreaInsets.bottom;
        if (bottomInset > 0 && size.height < 50 && (size.height + bottomInset < 90)) {
            size.height += bottomInset;
        }
    }

    return size;
}


- (void)setFrame:(CGRect)frame {
    if (self.superview) {
        if (frame.origin.y + frame.size.height != self.superview.frame.size.height) {
            frame.origin.y = self.superview.frame.size.height - frame.size.height;
        }
    }
    [super setFrame:frame];
}


@end

มีเคล็ดลับที่เราสามารถแก้ปัญหาได้

เพียงใส่ UITabBar ของคุณใน UIView

นี่เป็นผลสำหรับฉันจริงๆ

หรือติดตามรายละเอียดเพิ่มเติมได้ที่ลิงค์นี้

แทนที่UITabBar sizeThatFits(_)สำหรับ safeArea

extension UITabBar {
    static let height: CGFloat = 49.0

    override open func sizeThatFits(_ size: CGSize) -> CGSize {
        guard let window = UIApplication.shared.keyWindow else {
            return super.sizeThatFits(size)
        }
        var sizeThatFits = super.sizeThatFits(size)
        if #available(iOS 11.0, *) {
            sizeThatFits.height = UITabBar.height + window.safeAreaInsets.bottom
        } else {
            sizeThatFits.height = UITabBar.height
        }
        return sizeThatFits
    }
}

ฉันเพิ่มสิ่งนี้ลงviewWillAppearในแบบกำหนดเองของฉันUITabBarControllerเพราะไม่มีคำตอบที่ให้ไว้สำหรับฉัน:

tabBar.invalidateIntrinsicContentSize()
tabBar.superview?.setNeedsLayout()
tabBar.superview?.layoutSubviews()

ผมมีปัญหาเหมือนกัน.

ถ้าฉันตั้งค่าคงที่ที่ไม่ใช่ศูนย์บนข้อ จำกัด ด้านล่างของ UITabBar เป็นพื้นที่ปลอดภัย:

มันเริ่มทำงานตามที่คาดไว้ ...

นั่นเป็นการเปลี่ยนแปลงเพียงอย่างเดียวที่ฉันทำและฉันไม่รู้ว่าทำไมมันถึงได้ผล แต่ถ้ามีใครฉันก็อยากรู้

การย้ายแถบแท็บออกไป 1 จุดจากด้านล่างได้ผลสำหรับฉัน

แน่นอนว่าคุณจะมีช่องว่างจากการทำเช่นนั้นซึ่งคุณจะต้องกรอกข้อมูลบางอย่าง แต่ตอนนี้ข้อความ / ไอคอนอยู่ในตำแหน่งที่เหมาะสมแล้ว

อ๊าาา! มันวิเศษจริง!

ในที่สุดฉันก็พบสิ่งนี้หลังจากหลายชั่วโมงของการด่า Apple

UIKit จัดการสิ่งนี้ให้คุณจริง ๆ และดูเหมือนว่ารายการแถบแท็บที่เลื่อนนั้นเกิดจากการตั้งค่าที่ไม่ถูกต้อง (และอาจเป็นข้อบกพร่องของ UIKit จริง) ไม่จำเป็นต้องมีคลาสย่อยหรือมุมมองพื้นหลัง

UITabBar จะ "เพียงแค่การทำงาน" ถ้ามันเป็นข้อ จำกัด ไปที่ด้านล่าง SuperView ที่ไม่ได้ไปยังพื้นที่ปลอดภัยด้านล่าง

มันยังใช้งานได้ในตัวสร้างอินเทอร์เฟซ

แก้ไขการตั้งค่า

1. ในตัวสร้างอินเทอร์เฟซที่ดูเป็น iPhone X ให้ลาก UITabBar ออกไปยังตำแหน่งที่ยึดไปยังส่วนที่ฝังในพื้นที่ปลอดภัยด้านล่าง เมื่อคุณวางลงควรมีลักษณะที่ถูกต้อง (เติมช่องว่างจนสุดขอบด้านล่าง)
2. จากนั้นคุณสามารถทำ "เพิ่มข้อ จำกัด ที่ขาดหายไป" และ IB จะเพิ่มข้อ จำกัด ที่ถูกต้องและแถบแท็บของคุณจะทำงานบน iPhone ทั้งหมดได้อย่างน่าอัศจรรย์! (โปรดทราบว่าข้อ จำกัด ด้านล่างดูเหมือนว่าจะมีค่าคงที่เท่ากับความสูงของพื้นที่ที่ไม่ปลอดภัยของ iPhone X แต่ค่าคงที่เป็น 0)

บางครั้งก็ยังใช้ไม่ได้

สิ่งที่โง่จริงๆคือคุณสามารถเห็นจุดบกพร่องใน IB ได้เช่นกันแม้ว่าคุณจะเพิ่มข้อ จำกัด ที่ IB เพิ่มในขั้นตอนด้านบนก็ตาม!

1. ลาก UITabBar ออกมาและอย่าสแน็ปไปที่สิ่งที่ใส่เข้าไปในพื้นที่ปลอดภัยด้านล่าง
2. เพิ่มข้อ จำกัด นำหน้าต่อท้ายและด้านล่างทั้งหมดลงในซูเปอร์วิว (ไม่ใช่พื้นที่ปลอดภัย) สิ่งนี้จะแก้ไขได้เองหากคุณทำ "ย้อนกลับรายการแรกและรายการที่สอง" ในตัวตรวจสอบข้อ จำกัด สำหรับข้อ จำกัด ด้านล่าง ¯_ (ツ) _ / ¯

แก้ไขโดยใช้ UITabBar คลาสย่อยเพื่อใช้ safeAreaInsets:

class SafeAreaFixTabBar: UITabBar {

    var oldSafeAreaInsets = UIEdgeInsets.zero

    @available(iOS 11.0, *)
    override func safeAreaInsetsDidChange() {
        super.safeAreaInsetsDidChange()

        if oldSafeAreaInsets != safeAreaInsets {
            oldSafeAreaInsets = safeAreaInsets

            invalidateIntrinsicContentSize()
            superview?.setNeedsLayout()
            superview?.layoutSubviews()
        }
    }

    override func sizeThatFits(_ size: CGSize) -> CGSize {
        var size = super.sizeThatFits(size)
        if #available(iOS 11.0, *) {
            let bottomInset = safeAreaInsets.bottom
            if bottomInset > 0 && size.height < 50 {
                size.height += bottomInset
            }
        }
        return size
    }
}

แก้ไขให้ฉันโดยการโทร[tabController.view setNeedsLayout];หลังจากปิดโมดอลในบล็อกเสร็จสิ้น

[vc dismissViewControllerAnimated:YES completion:^(){ 
     UITabBarController* tabController = [UIApplication sharedApplication].delegate.window.rootViewController;
     [tabController.view setNeedsLayout];
}];

UITabBar มีความสูงเพิ่มขึ้นเพื่อให้อยู่เหนือปุ่ม / เส้นหน้าแรก แต่การวาดมุมมองย่อยในตำแหน่งเดิมและวางซ้อน UITabBarItem เหนือมุมมองย่อย

ในการแก้ปัญหาเบื้องต้นคุณสามารถตรวจจับ iPhone X จากนั้นลดความสูงของมุมมองลง 32px เพื่อให้แน่ใจว่าแถบแท็บแสดงในพื้นที่ปลอดภัยเหนือเส้นหลัก

ตัวอย่างเช่นหากคุณกำลังสร้าง TabBar โดยใช้โปรแกรมแทนที่

self.tabBarController = [[UITabBarController alloc] init];
self.window.rootViewController = self.tabBarController;

ด้วยสิ่งนี้:

#define IS_IPHONEX (([[UIScreen mainScreen] bounds].size.height-812)?NO:YES)
self.tabBarController = [[UITabBarController alloc] init];    
self.window.rootViewController = [[UIViewController alloc] init] ;
if(IS_IPHONEX)
    self.window.rootViewController.view.frame = CGRectMake(self.window.rootViewController.view.frame.origin.x, self.window.rootViewController.view.frame.origin.y, self.window.rootViewController.view.frame.size.width, self.window.rootViewController.view.frame.size.height + 32) ;
[self.window.rootViewController.view addSubview:self.tabBarController.view];
self.tabBarController.tabBar.barTintColor = [UIColor colorWithWhite:0.98 alpha:1.0] ;
self.window.rootViewController.view.backgroundColor = [UIColor colorWithWhite:0.98 alpha:1.0] ;

หมายเหตุ: นี่อาจเป็นข้อบกพร่องเนื่องจากขนาดมุมมองและเค้าโครงแถบแท็บถูกกำหนดโดย OS มันควรจะแสดงตามภาพหน้าจอของ Apple ในแนวทางการเชื่อมต่อมนุษย์ของ iPhone X ที่นี่: https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/

กรณีของฉันคือฉันได้ตั้งค่าความสูง UITabBar ที่กำหนดเองใน UITabBarController เช่นนี้:

  override func viewWillLayoutSubviews() {            
        var tabFrame = tabBar.frame
        tabFrame.size.height = 60
        tabFrame.origin.y = self.view.frame.size.height - 60
        tabBar.frame = tabFrame
    }

การลบโค้ดนี้เป็นวิธีแก้ปัญหาเพื่อให้ TabBar แสดงอย่างถูกต้องบน iPhone X

วิธีแก้ปัญหาที่ง่ายที่สุดที่ฉันพบคือเพิ่มช่องว่าง 0.2 pt ระหว่างด้านล่างของแถบแท็บและด้านล่างของ safeAreaLayoutGuide.bottomAnchor เช่นนั้น

tabBar.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -0.2)

ฉันประสบปัญหาเดียวกันเมื่อพยายามตั้งค่าเฟรมของ UITabBar ใน TabBarController ที่กำหนดเอง

self.tabBar.frame = CGRectMake(0, self.view.frame.size.height - kTabBarHeight, self.view.frame.size.width, kTabBarHeight);

เมื่อฉันปรับให้มีขนาดใหม่ปัญหาก็หายไป

if(IS_IPHONE_X){
    self.tabBar.frame = CGRectMake(0, self.view.frame.size.height - kPhoneXTabBarHeight, self.view.frame.size.width, kPhoneXTabBarHeight);
}
else{
    self.tabBar.frame = CGRectMake(0, self.view.frame.size.height - kTabBarHeight, self.view.frame.size.width, kTabBarHeight);
}

ฉันพบสิ่งนี้ในวันนี้โดยมีการเพิ่ม UITabBar ลงในตัวควบคุมมุมมองในกระดานเรื่องราวด้วยตนเองเมื่อจัดตำแหน่งที่ด้านล่างของพื้นที่ปลอดภัยด้วยค่าคงที่เป็น 0 ฉันจะได้รับปัญหา แต่การเปลี่ยนเป็น 1 จะช่วยแก้ปัญหาได้ การมี UITabBar สูงกว่าปกติ 1 พิกเซลเป็นที่ยอมรับสำหรับแอปพลิเคชันของฉัน

ฉันเกาหัวของฉันเกี่ยวกับปัญหานี้ ดูเหมือนว่าจะเชื่อมโยงกับวิธีเริ่มต้นและเพิ่ม tabBar เพื่อดูลำดับชั้น ฉันยังลองวิธีแก้ปัญหาข้างต้นเช่นการโทรinvalidateIntrinsicContentSizeการตั้งค่าเฟรมและbottomInsetsภายในคลาสย่อย UITabBar อย่างไรก็ตามดูเหมือนว่าจะทำงานได้ชั่วคราวและทำให้สถานการณ์อื่น ๆ เสียหายหรือถอยหลังแถบแท็บโดยทำให้เกิดปัญหาเค้าโครงที่คลุมเครือ เมื่อฉันแก้ไขปัญหานี้ฉันพยายามกำหนดข้อ จำกัด ด้านความสูงให้กับ UITabBar และ centerYAnchor แต่ก็ไม่สามารถแก้ไขปัญหาได้ ฉันตระหนักในมุมมองดีบักเกอร์ว่าความสูงของ tabBar นั้นถูกต้องก่อนและหลังเกิดปัญหาขึ้นอีกครั้งซึ่งทำให้ฉันคิดว่าปัญหาอยู่ในมุมมองย่อย ฉันใช้รหัสด้านล่างเพื่อแก้ไขปัญหานี้ได้สำเร็จโดยไม่ต้องถอยกลับสถานการณ์อื่น ๆ

- (void) viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator
{
    [super viewWillTransitionToSize:size withTransitionCoordinator:coordinator];
    if (DEVICE_IS_IPHONEX())
    {
        [coordinator animateAlongsideTransition:^(id<UIViewControllerTransitionCoordinatorContext>  _Nonnull context) {
            for (UIView *view in self.tabBar.subviews)
            {
                if ([NSStringFromClass(view.class) containsString:@"UITabBarButton"])
                {
                    if (@available (iOS 11, *))
                    {
                        [view.bottomAnchor constraintEqualToAnchor:view.superview.safeAreaLayoutGuide.bottomAnchor].active = YES;
                    }
                }
            }
        } completion:^(id<UIViewControllerTransitionCoordinatorContext>  _Nonnull context) {
            [self.tabBar layoutSubviews];
        }];
    }
}

สมมติฐาน: ฉันกำลังทำสิ่งนี้สำหรับ iPhone X เท่านั้นเนื่องจากในขณะนี้ดูเหมือนจะไม่ทำซ้ำบนอุปกรณ์อื่น ๆ ตั้งอยู่บนสมมติฐานที่ว่า Apple ไม่ได้เปลี่ยนชื่อของคลาส UITabBarButton ในการเปิดตัว iOS ในอนาคต เรากำลังทำสิ่งนี้บน UITabBarButton ก็ต่อเมื่อหมายความว่าหาก apple เพิ่มมุมมองย่อยภายในเพิ่มเติมใน UITabBar เราอาจต้องแก้ไขโค้ดเพื่อปรับเปลี่ยนตามนั้น

โปรดทราบว่าการทำงานนี้จะเปิดรับข้อเสนอแนะและการปรับปรุง!

มันควรจะง่ายที่จะสร้างสิ่งที่เทียบเท่าอย่างรวดเร็วสำหรับสิ่งนี้

จากบทช่วยสอนนี้:

https://github.com/eggswift/ESTabBarController

และหลังจากเริ่มต้นแถบแท็บที่เขียนบรรทัดนี้ในคลาส appdelegate

(self.tabBarController.tabBar as? ESTabBar)?.itemCustomPositioning = .fillIncludeSeparator

แก้ปัญหาแถบแท็บของฉัน

หวังว่าจะช่วยแก้ปัญหาของคุณได้

ขอบคุณ

เลือกแถบแท็บและตั้งค่าช่องทำเครื่องหมาย "Save Area Relative Margins" ใน Inspector Editor ดังนี้:

ฉันมีปัญหาที่คล้ายกันในตอนแรกมันแสดงผลอย่างถูกต้อง แต่หลังจากตั้งค่าbadgeValueบน tabBarItem อันใดอันหนึ่งมันทำให้เค้าโครงพัง สิ่งที่ได้ผลสำหรับฉันโดยไม่ต้องมีคลาสย่อยUITabBarคือสิ่งนี้ในUITabBarControllerคลาสย่อยที่ฉันสร้างไว้แล้ว

-(void)viewDidLayoutSubviews {
    [super viewDidLayoutSubviews];
    NSLayoutYAxisAnchor *tabBarBottomAnchor = self.tabBar.bottomAnchor;
    NSLayoutYAxisAnchor *tabBarSuperviewBottomAnchor = self.tabBar.superview.bottomAnchor;
    [tabBarBottomAnchor constraintEqualToAnchor:tabBarSuperviewBottomAnchor].active = YES;
    [self.view layoutIfNeeded];
}

ฉันใช้ tabBar superview เพื่อให้แน่ใจว่าข้อ จำกัด / จุดยึดอยู่ในลำดับชั้นของมุมมองเดียวกันและหลีกเลี่ยงข้อขัดข้อง

จากความเข้าใจของฉันเนื่องจากสิ่งนี้ดูเหมือนจะเป็นข้อผิดพลาดของ UIKit เราจึงต้องเขียนใหม่ / ตั้งค่าข้อ จำกัด แถบแท็บใหม่เพื่อให้เอ็นจิ้นการจัดวางอัตโนมัติสามารถจัดวางแถบแท็บได้อย่างถูกต้องอีกครั้ง

หากคุณมีข้อจำกัดความสูงสำหรับ Tab Bar ให้ลองลบออก

ประสบปัญหาเดียวกันและการลบสิ่งนี้จะช่วยแก้ปัญหาได้

ฉันสร้าง UITabBarController ใหม่ในสตอรีบอร์ดของฉันและผลักดันตัวควบคุมมุมมองทั้งหมดไปที่ UITabBarConttoller ใหม่นี้ ดังนั้นทั้งหมดจึงทำงานได้ดีในเครื่องจำลอง iPhone X

สำหรับ iPhone คุณสามารถทำได้ Subclass UITabBarController

class MyTabBarController: UITabBarController {

override func viewDidLayoutSubviews() {
    super.viewDidLayoutSubviews()
    if #available(iOS 11, *) {
        self.tabBar.heightAnchor.constraint(equalToConstant: 40).isActive = true
        self.tabBar.invalidateIntrinsicContentSize()
    }
  }
}

ไปที่ Storyboard และอนุญาตให้Use Safe Area Layout Guideและเปลี่ยนคลาสของUITabbarControllerเป็นMyTabBarController

ป.ล. โซลูชันนี้ไม่ได้รับการทดสอบในกรณีของแอปพลิเคชันสากลและ iPad

ลองเปลี่ยนหน้าจอเริ่มต้นด้วยขนาด @ 3x คือ (3726 × 6624)

สำหรับฉันลบ[self.tabBar setBackgroundImage:]งานออกอาจเป็นข้อบกพร่องของ UIKit

สำหรับฉันสิ่งนี้ได้รับการแก้ไขปัญหาทั้งหมด:

    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        let currentHeight = tabBar.frame.height
        tabBar.frame = CGRect(x: 0, y: view.frame.size.height - currentHeight, width: view.frame.size.width, height: currentHeight)
    }

ฉันใช้UITabBarControllerสตอรี่บอร์ดและตอนแรกมันใช้งานได้ดีสำหรับฉัน แต่หลังจากอัปเกรดเป็น Xcode เวอร์ชันใหม่แล้วมันก็เริ่มให้ปัญหาที่เกี่ยวข้องกับความสูงของแท็บบาร์

สำหรับผมการแก้ไขคือการลบที่มีอยู่UITabBarControllerจากสตอรี่บอร์ดและสร้างอีกครั้งด้วยการลากจากอินเตอร์เฟซที่สร้างวัตถุห้องสมุด

สำหรับผู้ที่เขียนUITabBarControllerโปรแกรมทั้งหมดคุณสามารถใช้UITabBarItem.appearance().titlePositionAdjustmentเพื่อปรับตำแหน่งหัวเรื่อง

ดังนั้นในกรณีนี้คุณต้องการเพิ่มช่องว่างระหว่าง Icon และ Title ให้ใช้ในviewDidLoad:

    override func viewDidLoad() {
        super.viewDidLoad()

        // Specify amount to offset a position, positive for right or down, negative for left or up
        let verticalUIOffset = UIOffset(horizontal: 0, vertical: hasTopNotch() ? 5 : 0)

        UITabBarItem.appearance().titlePositionAdjustment = verticalUIOffset
    }

ตรวจจับว่าอุปกรณ์มีหน้าจอ Notch หรือไม่:

  func hasTopNotch() -> Bool {
      if #available(iOS 11.0, tvOS 11.0, *) {
        return UIApplication.shared.delegate?.window??.safeAreaInsets.top ?? 0 > 20
      }
      return false
  }

สำหรับฉันวิธีแก้ปัญหาคือเลือกแถบแท็บในลำดับชั้นของมุมมองจากนั้นไปที่: ตัวแก้ไข -> แก้ไขปัญหาการจัดวางอัตโนมัติและภายใต้ "มุมมองที่เลือก" (ไม่ใช่ "มุมมองทั้งหมดในมุมมอง") ให้เลือก "เพิ่มข้อ จำกัด ที่ขาดหายไป"

ฉันมีปัญหาเดียวกันซึ่งได้รับการแก้ไขโดยการตั้งค่ารายการของแถบแท็บหลังจากวางแถบแท็บแล้ว

ในกรณีของฉันปัญหาเกิดขึ้นเมื่อ:

1. มีตัวควบคุมมุมมองที่กำหนดเอง
2. UITabBar ถูกสร้างขึ้นในตัวเริ่มต้นของตัวควบคุมมุมมอง
3. รายการแถบแท็บถูกตั้งค่าก่อนที่จะโหลดมุมมอง
4. ในมุมมองโหลดแถบแท็บจะถูกเพิ่มไปยังมุมมองหลักของตัวควบคุมมุมมอง
5. จากนั้นรายการจะแสดงผลตามที่คุณกล่าวถึง

ฉันคิดว่านี่เป็นบั๊ก UIKit จาก iPhoneX เพราะมันใช้งานได้:

if (@available(iOS 11.0, *)) {
    if ([UIApplication sharedApplication].keyWindow.safeAreaInsets.top > 0.0) {
       self.tabBarBottomLayoutConstraint.constant = 1.0;
    }
}