Swift：在TableView中添加UITabBar后界面卡顿且无法点击求助

Fixing UITabBar & UITableView Interaction Issues in Swift #

Hey there, let's troubleshoot this frustrating issue where your UITabBar shows up at the bottom of your UITableView but everything's unresponsive and laggy. Here are the most common fixes to get things working again:

1. Fix Your View Hierarchy (The #1 Culprit) #

Chances are you added the UITabBar directly as a subview of the UITableView—that's a big no-no. TableViews are designed to handle scrollable content, not hold interactive bars at their bottom. Instead, add the TabBar to your view controller's root view:

// ❌ Don't do this
tableView.addSubview(tabBar)

// ✅ Do this instead
view.addSubview(tabBar)

This separates the interactive elements from the scrollable content, preventing interaction conflicts and lag.

2. Set Up Proper Auto Layout Constraints #

Once the TabBar is on the root view, make sure your constraints keep it anchored to the bottom while leaving space for the TableView above it. This ensures neither view overlaps the other:

// Disable autoresizing masks first
tabBar.translatesAutoresizingMaskIntoConstraints = false
tableView.translatesAutoresizingMaskIntoConstraints = false

// Anchor TabBar to the bottom of the safe area
NSLayoutConstraint.activate([
    tabBar.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    tabBar.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    tabBar.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor),
    tabBar.heightAnchor.constraint(equalToConstant: 49) // Match system default height
])

// Anchor TableView to sit above the TabBar
NSLayoutConstraint.activate([
    tableView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
    tableView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
    tableView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
    tableView.bottomAnchor.constraint(equalTo: tabBar.topAnchor)
])

3. Verify User Interaction Settings #

Double-check that none of your views have user interaction accidentally disabled:

// Make sure TableView is interactive
tableView.isUserInteractionEnabled = true

// Ensure TabBar and its items are enabled
tabBar.isUserInteractionEnabled = true
tabBar.items?.forEach { $0.isEnabled = true }

4. Check for Overlapping Views #

Sometimes a hidden or transparent UIView might be sitting on top of your TableView/TabBar, blocking all taps. Use Xcode's Debug View Hierarchy (the icon that looks like a stack of squares in the debug bar) to inspect your view layers. Look for any unexpected views covering the interactive areas.

5. Address Lag Issues #

If the interface is still laggy after fixing interactions, check if you're doing heavy work on the main thread (like loading images or processing data in cellForRowAt). Move any non-UI tasks to a background queue:

DispatchQueue.global(qos: .background).async {
    // Do heavy processing here
    DispatchQueue.main.async {
        // Update UI on main thread
        self.tableView.reloadData()
    }
}

Give these steps a try—most likely adjusting the view hierarchy and constraints will resolve both the unresponsiveness and lag.

内容的提问来源于stack exchange，提问作者Xin Lok