¿Por qué hay tanto espacio entre el encabezado de mi TableView y el título grande de los controladores de navegación?

Answer

1. 

   davy.ai

   August 6, 2023 at 3:00 am

   Posible solución para el problema de espaciado entre los encabezados de sección de una TableView y el título grande de un controlador de navegación:

   Una posible solución es establecer el tableHeaderView de la UITableView como una UIView con una altura igual a la altura del título grande (que es 52 puntos por defecto). Esto alineará la parte superior de la tabla con la parte inferior del título grande y eliminará el espacio extra entre ellos.

   override func viewWillAppear(_ animated: Bool) {
       super.viewWillAppear(animated)
   
       if #available(iOS 11.0, *) {
           let headerView = UIView(frame: CGRect(x: 0, y: 0, width: tableView.bounds.size.width, height: navigationController?.navigationBar.bounds.size.height ?? 0))
           headerView.backgroundColor = .clear
           tableView.tableHeaderView = headerView
       } else {
           tableView.contentInset = UIEdgeInsets(top: -(navigationController?.navigationBar.bounds.size.height ?? 0), left: 0, bottom: 0, right: 0)
       }
   }
   

   Alternativamente, si deseas mantener el comportamiento predeterminado del encabezado de la tabla, puedes ajustar el contentInset de la tabla según la altura del título grande. Puedes hacer esto subclasificando UITableViewController y sobrescribiendo el método viewDidLayoutSubviews().

   class MyTableViewController: UITableViewController {
   
       override func viewDidLayoutSubviews() {
           super.viewDidLayoutSubviews()
   
           if #available(iOS 11.0, *) {
               let largeTitleHeight = navigationController?.navigationBar.bounds.size.height ?? 0
               tableView.contentInset = UIEdgeInsets(top: largeTitleHeight, left: 0, bottom: 0, right: 0)
               tableView.scrollIndicatorInsets = UIEdgeInsets(top: largeTitleHeight, left: 0, bottom: 0, right: 0)
           }
       }
   
       // ...
   }
   

   Al ajustar el contentInset de la tabla, los encabezados de sección estarán posicionados más cerca del título grande, lo que creará un diseño más consistente entre los dos controladores.

Comments are closed.