62596


現在SwiftUIを勉強中の者です。  
以下のリストのコードで、各要素と要素の間にスペースが生まれてしまうのですが、このスペースを完全に無くすにはどうしたら良いでしょうか

[code]

    struct MainContent: View {
        var body: some View {
            List() {
                Text("aaa").border(Color.white)
                Text("bbb").border(Color.white)
            }
        }
    }
    
[/code]

上記コードの結果が以下の画像です。aaaとbbbの間にスペースが生まれています。これを無くし、borderが完全に重なるようにしたいです  
[![上記コードの結果](https://i.stack.imgur.com/qVv0i.png)](https://i.stack.imgur.com/qVv0i.png)


CC BY-SA 4.0
2020-01-14T01:16:29.120
62221
2020-01-28T01:34:13.380
22827
question
swift swift5 swiftui
SwiftUIのリストで自動的に生まれる要素間スペースを無くす方法


次のような感じでしょうか。  
デフォルトでは最小サイズ以下にRowの高さが縮まらないので`.environment(\.defaultMinListRowHeight,
0)`を指定してセルのTextの高さに合うようにします。

さらにデフォルトでは各セルの上下左右にスペースが入るので、`.listRowInsets(.init(top: 0, leading: 20,
bottom: 0, trailing:
20))`で上下のスペースをゼロにします。`.listRowInsets(()`はリスト内部の各Rowに指定する必要があります。

これでもセパレータのぶんだけ隙間があきます。それもなくしたい場合はセパレータを非表示にするといいです。

[code]

    struct MainContent: View {
        var body: some View {
            List() {
                Text("aaa").border(Color.black)
                    .listRowInsets(.init(top: 0, leading: 20, bottom: 0, trailing: 20))
                Text("bbb").border(Color.black)
                    .listRowInsets(.init(top: 0, leading: 20, bottom: 0, trailing: 20))
            }
            .environment(\.defaultMinListRowHeight, 0)
        }
    }
    
[/code]

[![画像の説明をここに入力](https://i.stack.imgur.com/aV6xF.png)](https://i.stack.imgur.com/aV6xF.png)


CC BY-SA 4.0
2020-01-14T07:12:51.017
62229
2020-01-14T07:12:51.017
5519
62221
answer


結局リストではスペースを無くすことができませんでしたので、別の手段を用いることにしました。

[code]

    VStack(alignment: .leading, spacing: 0) {
                ForEach(values, id: \.id) { data in
                    Text("aaa").border(Color.white)
                }
            }
    
[/code]


CC BY-SA 4.0
2020-01-28T01:34:13.380
62596
2020-01-28T01:34:13.380
22827
62221
answer