タブコントローラーの元の背景を消したい

Question

実現したいこと

タブコントローラーをカスタマイズしたい。
参考：https://medium.com/@gemix95/how-to-build-round-tabbar-in-swift-b1cfb96b3358

発生している問題・エラーメッセージ

該当のソースコード

import UIKit

class RoundedTabBarController: UITabBarController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        // タブコントラーを丸くする
        // アイコンの色
        UITabBar.appearance().tintColor = UIColor.white
        // アイコンの未選択時の色
        UITabBar.appearance().unselectedItemTintColor = UIColor.rgb(red: 103, green: 103, blue: 103)
        // 角丸のViewを描く
        let layer = CAShapeLayer()
        layer.path = UIBezierPath(
            roundedRect: CGRect(
                // 左から30の位置から開始
                x: 20,
                // 上から-30の位置から開始
                y: self.tabBar.bounds.minY - 30,
                // 両サイドから20(×2=40)内側に配置
                width: self.tabBar.bounds.width - 40,
                // 通常より40上の高さに設定
                height: self.tabBar.bounds.height + 40),
            // 角丸は横幅半分で綺麗な角丸になる
            cornerRadius: (self.tabBar.frame.width/2)).cgPath
        
        // 影の色
        layer.shadowColor = UIColor.black.cgColor
        // 影のサイズ
        layer.shadowOffset = CGSize(width: 5.0, height: 5.0)
        // 影の角丸
        layer.shadowRadius = 25.0
        // 一応影があるらしい
        layer.shadowOpacity = 0.3
        // 枠線の太さ
        layer.borderWidth = 1.0
        // 透明度
        layer.opacity = 1.0
        // 影を表示する
        layer.isHidden = false
        // はみ出さないようにする？
        layer.masksToBounds = false
        // タブコントローラーの背景色
        layer.fillColor = UIColor.black.cgColor
        
        self.tabBar.layer.insertSublayer(layer, at: 0)
        
        // アイコンのサイズを決める
        if let items = self.tabBar.items {
            items.forEach { item in item.imageInsets = UIEdgeInsets(top: -25, left: -4, bottom: -4, right: -4) }
        }
    }
    
    
    // MARK: - Navigation
    
}


extension UIColor {
    static func rgb(red: CGFloat, green: CGFloat, blue: CGFloat) -> UIColor{
        return self.init(red: red / 255, green: green / 255, blue: blue / 255, alpha: 1)
    }
}

実装はうまくいったのですがそこにスクロールビューを入れるとタブコントローラーの後ろに白っぽい半透明のViewが現れました。
これを消したいです。

試したこと

⚫︎該当のViewControllerで self.tabBarController?.tabBar.isHidden = true → これだとカスタマイズしたタブコントローラーも消えてしまいます。
⚫︎https://blog.personal-factory.com/2021/12/29/ios15-transparent-navigationbar-and-tabbar-by-default/ の内容をAppDelegateに記載 → 変化なし
⚫︎ScrollViewのConstraintをsafearea → SuperViewに変更 → 変化なし

その他

今回の原因が TabBarController なのか ScrollView なのかがわかりません。
（スクロールビューを入れると白っぽい背景が出るのでスクロールビューを疑っています。）
ScrollViewの実装は https://ios-docs.dev/uiscrollview/ さんの記事を参考にしています。

詳しい方いましたら教えて欲しいです。
お願いします。

Answer 1

自己解決しました。
ナビゲーションバー同様にStandardとScroll Edgeに希望の色を設定。