iOS 11 iPhone X simulador UITabBar iconos y títulos que se representan en la parte superior cubriendo entre sí

134

¿Alguien tiene problemas con el simulador de iPhone X alrededor del componente UITabBar?

El mío parece estar representando los íconos y el título uno encima del otro, no estoy seguro de si me falta algo, también lo ejecuté en el simulador de iPhone 8 y en un dispositivo real donde se ve bien tal como se muestra en el tablero de la historia

iPhone X:

iPhone X UITabBar error

iPhone 8

iPhone 8 UITabBar funciona

adrian chen
fuente
1
Mi problema similar: la vista de la imagen del indicador de selección se hunde en la vista de la barra de pestañas unos 16 puntos en el iPhone X.
Itachi
FYI: desafortunadamente, esto no se solucionó en Xcode 9.2beta
tdios el
Este es un error uikit que todavía existe. Las restricciones deben configurarse a la perfección. ¡Mira mi respuesta a continuación!
RyanM
Tuve problemas como ese Comprueba esta respuesta stackoverflow.com/a/53524635/5441253
Maxime Ashurov

Respuestas:

40

Pude solucionar el problema simplemente llamando invalidateIntrinsicContentSize en la UITabBar en viewDidLayoutSubviews.

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

Nota: La parte inferior de la barra de pestañas deberá estar contenida en la parte inferior de la vista principal, en lugar del área segura, y la barra de pestañas no debe tener restricciones de altura.

David Hooper
fuente
Tengo una barra de pestañas sin restricción de altura, limitada a la Guía de diseño inferior, y esto no funcionó para mí. ¿Alguna otra idea?
Kenny Wyland
1
No funciona cuando homeVC presenta VC A, luego descarta A y empuja VC B de homeVC. Esta es una solución alternativa stackoverflow.com/a/47225653/1553324
ooops
1
Agregar este método combinado con fijar la barra de pestañas en la parte inferior de su supervista ( no en el área segura) funcionó para mí.
Dibujó C
3
También necesitaba agregar [self.view layoutIfNeeded].
Iulian Onofrei
1
Esto funciona, pero aprendí que también debo prestar atención al tamaño de las imágenes en los botones de la barra de pestañas. En modo horizontal (en dispositivos compactos, pero no en modelos iPad y iPhone Plus), el sistema utiliza una barra de pestañas compacta que se supone que tiene imágenes más pequeñas que puede configurar con la landscapeImagepropiedad del botón de la barra de pestañas. Los tamaños recomendados están en [Apple HIG's] ( developer.apple.com/design/human-interface-guidelines/ios/… ) en Tamaño de icono personalizado
RobP
25

La respuesta proporcionada por VoidLess soluciona los problemas de TabBar solo parcialmente. Soluciona problemas de diseño dentro de la barra de pestañas, pero si usa viewcontroller que oculta la barra de pestañas, la barra de pestañas se representa incorrectamente durante las animaciones (para reproducirlo es mejor 2 tener 2 segues, uno modal y otro push. Si alterna los segmentos, puede ver la barra de pestañas fuera de lugar). El siguiente código soluciona ambos problemas. Buen trabajo manzana.

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ódigo Objective-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
Raimundas Sakalauskas
fuente
Solución completa. Gracias.
Sayalee Pote
44
Gracias por su respuesta. Pero, ¿cómo se usa en una clase UITabBarController?
Jojo
2
@Jojo, dado la cantidad de código que se necesita para llenar el tabbar a través del código, siempre creo uitabbarcontroller usando guiones gráficos. Allí puede asignar una clase personalizada para la barra de pestañas. Espero que esto ayude.
Raimundas Sakalauskas
este problema no ocurre en un dispositivo real Lo he probado en iPhone11 pro iOS 13
Akshay Jadhav
22

Hay un truco por el cual podemos resolver el problema.

Simplemente coloque su UITabBar dentro de una UIView.

Esto realmente está funcionando para mí.

O puede seguir este enlace para más detalles.

Avineet Gupta
fuente
3
Esto funcionó bien, tiene una vista uiview que simplemente contiene la UITabBar. Coloque las restricciones en las áreas seguras de la UIView (L, R y Bottom), dele una altura (49) y restrinja la UITabBar a la UIView en todos los lados.
sdsykes
1
Esta solución funcionó para mí. No estaba usando un UITabController, solo UITabBar.
Riccardo Tesio
1
Trabajó para mi. Gracias
francis lanthier
1
¡Esto me ayudó! ¡Gracias!
Glenn
2
Esto funciona, pero el área "insegura" podría no ser del mismo color que la barra de pestañas (en caso de que la vista súper y la barra de pestañas no sean del mismo color)
iDev
16

anular UITabBar sizeThatFits(_)para 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
    }
}
Cruz
fuente
Brillante. Acabo de configurar el tamaño personalizado de mi barra de pestañas y me pregunto por qué no funciona en iPhoneX. Otras soluciones no funcionan para mí, ya que estoy usando Tab Bar Controller y no incluye restricciones.
Jindřich Rohlík
12

Agregué esto a viewWillAppearmi costumbre UITabBarController, porque ninguna de las respuestas proporcionadas funcionó para mí:

tabBar.invalidateIntrinsicContentSize()
tabBar.superview?.setNeedsLayout()
tabBar.superview?.layoutSubviews()
aaannjjaa
fuente
1
Esto me ayudó a solucionar un problema relacionado con mover la tabBar a la parte superior de la pantalla. ¡Gracias!
Jay
Pero no para mí :(
Nick
9

Yo tuve el mismo problema.

ingrese la descripción de la imagen aquí

Si configuro cualquier constante distinta de cero en la restricción inferior de UITabBar en el área segura:

ingrese la descripción de la imagen aquí

Comienza a funcionar como se esperaba ...

ingrese la descripción de la imagen aquí

Ese es el único cambio que hice y no tengo idea de por qué funciona, pero si alguien lo hace, me encantaría saberlo.

moliveira
fuente
1
Esto fue lo que hice al final para que funcionara, pero sí, no tengo idea de por qué ni entiendo lo que está haciendo. Para mí todavía se siente como un error
adrian chen
7

Mover la barra de pestañas 1 punto desde la parte inferior funcionó para mí.

Por supuesto, obtendrá un espacio al hacerlo que deberá llenar de alguna manera, pero el texto / íconos ahora están colocados correctamente.

deej
fuente
7

¡Ajá! En realidad es magia!

Finalmente lo descubrí después de horas de maldecir a Apple.

UIKit realmente maneja esto por usted, y parece que los elementos de la barra de pestañas desplazados se deben a una configuración incorrecta (y probablemente a un error real de UIKit). No hay necesidad de subclases o una vista de fondo.

UITabBar "simplemente funcionará" si está restringido a la parte inferior de la supervista, NO al área segura inferior .

Incluso funciona en el generador de interfaces.

Configuración correcta

Trabajando en IB

  1. En el generador de interfaces, visualizando como iPhone X, arrastre un UITabBar hacia afuera, donde se engancha en el recuadro del área segura inferior. Cuando lo suelte, debería verse correcto (llene el espacio hasta el borde inferior).
  2. Luego puede hacer un "Agregar restricciones faltantes" e IB agregará las restricciones correctas y su barra de pestañas funcionará mágicamente en todos los iPhones. (Tenga en cuenta que la restricción inferior parece tener un valor constante igual a la altura del área insegura del iPhone X, pero la constante es en realidad 0)

A veces todavía no funciona.

Roto en IB

Lo que es realmente tonto es que también puede ver el error en IB, ¡incluso si agrega las restricciones exactas que IB agrega en los pasos anteriores!

  1. Arrastre una UITabBar y no la ajuste al recuadro del área segura inferior
  2. Agregue restricciones iniciales, finales e inferiores a la vista general (área no segura) Extrañamente, esto se solucionará solo si hace un "Invertir primero y segundo elemento" en el inspector de restricciones para la restricción inferior. ¯_ (ツ) _ / ¯
RyanM
fuente
cambió todas las restricciones de área segura a supervista y funcionó. Legend Ryan
RyanTCB
6

Se solucionó usando UITabBar subclases para aplicar 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
    }
}
VoidLess
fuente
Resuelve parte de los problemas, pero no todos. Por favor, vea la respuesta completa a continuación
Raimundas Sakalauskas
Funcionó para mí cuando trato de presentar VCA, luego descartar VCA, presionar VCB.
Tai Le
Esto funciona para mí, pero necesito poner la restricción inferior a la supervista y no al área segura.
yajra
¿Qué hago con esta nueva clase después de crearla? Intenté buscar en mi aplicación cualquier aparición de UITabBar y reemplazarlos con SafeAreaFixTabBar ... Encontré estas ocurrencias: func application (_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {SafeAreaFixranceabab. () .barTintColor = ... SafeAreaFixTabBar.appearance (). backgroundColor = ... SafeAreaFixTabBar.appearance (). tintColor = ... Pero no solucionó nada
user1019042
4

Resuelto para mí llamando [tabController.view setNeedsLayout];después de descartar el modal en el bloque de finalización.

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

La UITabBar aumenta en altura para estar por encima del botón / línea de inicio, pero dibuja la subvista en su ubicación original y superpone el UITabBarItem sobre la subvista.

Como solución alternativa, puede detectar el iPhone X y luego reducir la altura de la vista en 32 píxeles para asegurarse de que la barra de pestañas se muestre en el área segura sobre la línea de inicio.

Por ejemplo, si estás creando tu TabBar, reemplaza programáticamente

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

Con este:

#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] ;

NOTA: Esto podría ser un error, ya que el sistema operativo establece los tamaños de vista y el diseño de la barra de pestañas. Probablemente debería mostrarse según la captura de pantalla de Apple en las Pautas de interfaz humana del iPhone X aquí: https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/

A.Badger
fuente
1
Ya veo, no creé la barra de pestañas programáticamente, usé el guión gráfico para construirlo con restricciones establecidas para ser la parte inferior de la pantalla. Me parece extraño que tengamos que detectar si se trata de un iPhone X y luego hacer un cambio en el diseño, mientras que solo aumentan la altura de la TabBar por sí mismos sin ningún cambio de código.
Adrian Chen
Esto se siente más como un error para mí ahora, creo que voy a hacer un informe de error sobre esto y ver qué sale de él. ¡¡Gracias por tu ayuda!!
Adrian Chen
Realmente no es una buena idea usar la altura exacta de los límites de la pantalla principal para determinar si la aplicación se ejecuta en el iPhone X. ¿Qué sucede si el modelo del próximo año tiene el mismo tamaño de punto? ¿O si la aplicación se ejecuta en modo horizontal?
roperklacks
La transparencia no parece afectar a mis iconos que se configuran incorrectamente. Están en mal estado si el UITabBar es opaco o transparente.
Adama
Parece que en realidad está agregando 32 píxeles a la altura del marco en lugar de restarlo.
Perry
2

Mi caso fue que había establecido una altura UITabBar personalizada en mi UITabBarController, como esta:

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

La eliminación de este código fue la solución para que la TabBar se mostrara correctamente en el iPhone X.

Gytis
fuente
2

La solución más simple que encontré fue simplemente agregar un espacio de 0.2 pt entre la parte inferior de la barra de pestañas y la parte inferior de safeAreaLayoutGuide.bottomAnchor así.

tabBar.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -0.2)
Delta Whisky
fuente
1

Estaba teniendo el mismo problema cuando intentaba configurar el marco de UITabBar en mi TabBarController personalizado.

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

Cuando acabo de ajustarlo al nuevo tamaño, el problema desapareció

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);
}
Evgeny
fuente
1
¿Cuáles son los valores de kPhoneXTabBarHeight ?
Tiago Veloso
Acabo de agregar 32 puntos al valor anterior de kTabBarHeight (que era 45). Pero no tiene que especificar exactamente el mismo valor, para mí también funciona bien sin especificar el marco para la tabBar. Pero si lo especifica, debe ajustar la altura adicional en el iPhone X.
Evgeny
1
Hackeo total, pero fue la única de estas soluciones que lo hizo lucir bien para mí.
Kenny Wyland
Cuando tiene una vista personalizada como su barra de pestañas, le gusta usar este truco para que su vista personalizada se ajuste al iPhone X.
Hemang
1
@Hemang no, fueron 45 para este proyecto del que tomé prestado este código.
Evgeny el
1

Encontré esto hoy con un UITabBar agregado manualmente al controlador de vista en el guión gráfico, cuando me alineaba en la parte inferior del área segura con una constante de 0 obtendría el problema, pero cambiarlo a 1 solucionaría el problema. Tener la UITabBar hasta 1 píxel más de lo normal era aceptable para mi aplicación.

Alan MacGregor
fuente
No funciono para mi. Estaba usando una UITabBar que también se agregó manualmente.
Kenny Wyland
1

Me rasqué la cabeza por este problema. Parece estar asociado con la forma en que se tabula la barra y se agrega para ver la jerarquía. También probé las soluciones anteriores como llamar invalidateIntrinsicContentSize, configurar el marco y también bottomInsetsdentro de una subclase de UITabBar. Parecen funcionar sin embargo temporalmente y se rompen de algún otro escenario o retroceden en la barra de pestañas al causar un problema de diseño ambiguo. Cuando estaba depurando el problema, intenté asignar las restricciones de altura a UITabBar y centerYAnchor, sin embargo, ninguno solucionó el problema. Me di cuenta en vista del depurador que la altura de tabBar era correcta antes y después de que el problema se reprodujera, lo que me llevó a pensar que el problema estaba en las subvistas. Utilicé el siguiente código para solucionar con éxito este problema sin retroceder en ningún otro escenario.

- (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];
        }];
    }
}

Suposiciones: estoy haciendo esto solo para iPhone X, ya que no parece reproducirse en ningún otro dispositivo en este momento. Se basa en el supuesto de que Apple no cambia el nombre de la clase UITabBarButton en futuras versiones de iOS. Estamos haciendo esto en UITabBarButton solo cuando significa que si Apple agrega más subvistas internas a UITabBar, es posible que necesitemos modificar el código para ajustarlo.

¡Déjame saber si esto funciona, estará abierto a sugerencias y mejoras!

Debería ser simple crear un equivalente rápido para esto.

Rushabh
fuente
Puse esto en viewDidAppear(animated:)mi UITabBarControllery funcionó bien. ¡Gracias!
Albert Bori
1
¿Qué parámetro pasó tamaño y coordinador? de view didAppear
sulabh
1

De este tutorial:

https://github.com/eggswift/ESTabBarController

y después de la inicialización de la barra de pestañas escribiendo esta línea en la clase appdelegate

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

Resuelve mi problema de la barra de pestañas.

Espero que resuelva tu problema

Gracias

Siddh
fuente
1

Seleccione la barra de pestañas y establezca la casilla de verificación "Guardar márgenes relativos del área" en el Editor del inspector de esta manera:

ingrese la descripción de la imagen aquí

AnnGoro
fuente
1

Tuve el problema similar, al principio se renderizó correctamente, pero después de configurarlo badgeValueen uno de los tabBarItem rompió el diseño. Lo que funcionó para mí sin subclases UITabBarfue esto, en mi UITabBarControllersubclase ya creada .

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

Utilicé la supervista tabBar para asegurarme de que las restricciones / anclas estén en la misma jerarquía de vistas y evitar bloqueos.

Según mi entendimiento, dado que esto parece ser un error de UIKit, solo necesitamos reescribir / reestablecer las restricciones de la barra de pestañas para que el motor de diseño automático pueda diseñar la barra de pestañas nuevamente correctamente.

rgkobashi
fuente
0

Si tiene alguna restricción de altura para la barra de pestañas, intente eliminarla.

Enfrenté el mismo problema y eliminarlo resolvió el problema.

rustylepord
fuente
0

Creé el nuevo UITabBarController en mi guión gráfico y envié todos los controladores de vista a este nuevo UITabBarConttoller. Entonces, todo funciona bien en el simulador de iPhone X.

Evgeniy Kubyshin
fuente
Esto también me lo arregló. Hay algo diferente en la forma en que Xcode 9 IB genera el XML de UITabBarController que solucionó el problema.
Tiago
0

Para iPhone, puede hacer esto, Subclase UITabBarController.

class MyTabBarController: UITabBarController {

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

Ir a Storyboard y permitir Usar la Guía de diseño de área segura y cambiar la clase de UITabbarController a MyTabBarController

PD Esta solución no se prueba en caso de aplicación universal y iPad.

NaXir
fuente
0

intente cambiar la pantalla de bienvenida con tamaño @ 3x es (3726 × 6624)

Sollozo
fuente
¿Qué sucede si estamos usando un Storyboard LaunchScreen?
Avineet Gupta
está bien, solo usa el nuevo tamaño de
Splash
0

Para mí, eliminar el [self.tabBar setBackgroundImage:]trabajo, tal vez sea un error UIKit

KelaKing
fuente
0

Para mí esto solucionó todos los problemas:

    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)
    }
Durdu
fuente
0

Estaba usando un UITabBarControlleren el guión gráfico y al principio funcionaba bien para mí, pero después de actualizar a la versión más nueva de Xcode comenzó a darme problemas relacionados con la altura de la barra de pestañas.

Para mí, la solución fue eliminar lo existente UITabBarControllerdel guión gráfico y volver a crearlo arrastrándolo desde la biblioteca de objetos del generador de interfaz .

enigma
fuente
0

Para aquellos que escriben todo mediante UITabBarControllerprogramación, puede usar UITabBarItem.appearance().titlePositionAdjustmentpara ajustar la posición del título

Entonces, en este caso, si desea agregar un espacio entre Icon y Title, úselo en 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
    }

detectar si el dispositivo tiene la pantalla de muesca:

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

Estaba teniendo el mismo problema que se resolvió estableciendo los elementos de la barra de pestañas después de que se dispusiera la barra de pestañas.

En mi caso, el problema ocurrió cuando:

  1. Hay un controlador de vista personalizado
  2. Se crea una UITabBar en el inicializador del controlador de vista
  3. Los elementos de la barra de pestañas se configuran antes de que se cargue la vista
  4. A la vista se cargó, la barra de pestañas se agrega a la vista principal del controlador de vista
  5. Luego, los elementos se representan como usted menciona.
Barbara R
fuente
-1

Creo que este es un error UIKit de iPhoneX. porque funciona:

if (@available(iOS 11.0, *)) {
    if ([UIApplication sharedApplication].keyWindow.safeAreaInsets.top > 0.0) {
       self.tabBarBottomLayoutConstraint.constant = 1.0;
    }
} 
RomanV
fuente
¿Puedes dar más información sobre qué es tabBarBottomLayoutConstraint?
user3099837
-1

Creo que podría estar colocando la barra de pestañas contra la guía de diseño segura inferior. Probablemente esto no sea lo que desea, ya que la barra de pestañas parece hacer sus propios cálculos para colocar los elementos de la barra de pestañas de forma segura en la parte superior de la línea de inicio en el iPhone X. Configure su restricción inferior contra la parte inferior de la supervista . Debería ver que se presenta correctamente en el iPhone X , así como en otros iPhones.

sgtxvichoxsuave
fuente