iOSのSectionの高さを指定した際に、Section末尾に余計な余白が生まれる時の解決法

はじめに

TIME HACKERの次期開発で、メニューが煩雑になってきたため、グループ化を行おうとした際に掲題の通り、Sectionで余計な余白が生まれてしまって、軽く詰まったので備忘録です。

事象

何も考えず、TableViewのdelegateに以下を指定します。

func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {
    return 30
}

となると、以下のようになりました。

f:id:project-unknown:20191218215145p:plain:w400

ただ、高さは30pt指定なので、0番目が正解で、それ以外が誤りのようです。 Viewの構成を見てみないとわからないので、

f:id:project-unknown:20191218215339p:plain:w400

これを使って確認します。

f:id:project-unknown:20191218215543p:plain:w400

0番目以外に総じてSectionのFooter部分に余計な余白が生まれている事がわかります。

解決方法

至って簡単です。
TableViewの設定に以下を追加します。

tableView.sectionFooterHeight = 0.0

結果は以下の通り

f:id:project-unknown:20191218215720p:plain:w400

これで解決することができました。