バッテラのハローワールド研究室

エンジニア、プログラミングに関する情報を掲載中!

【SwiftUI】List内のアイテムの背景色を透明にする方法

SwiftUI

はじめに

今日はSwiftUIのListについて勉強していきます。

Listは勝手に背景色ついてしまうことで大元の背景色とバッティングするケースありませんかね?

言いたいのは↓のような時です。

私はそもそもListに背景色いらないと思ってるので背景色を消す方法について共有していきたいと思います!

環境

この記事の情報は次のバージョンで動作確認しています。

* MacOS Monterey (12.1)
* Xcode (13.3.1)

手順

2つのことをやる必要がありました

1 .リスト全体の背景色を透明にする
    init() {
        
        UITableView.appearance().backgroundColor = UIColor.clear
    }

init内でこの処理を書く必要があるようです。

2. アイテム(セル)の背景色を透明にする
RowView()
 .listRowBackground(Color.clear)

.listRowBackground(Color.clear)をアイテムとなるViewにつけてあげる。

これで大元の背景色だけになりました。

おわりに

最後まで見ていただきヘペトナス!

読者登録・Twitterのフォローもお願いします。