Система изображений SwiftUI больше, чем его стек?

Question

Я включил систему изображений в стек. Отображаемое изображение больше, чем его стопка. Я мог бы добавить отступы вокруг изображения, чтобы решить проблему, но я пытаюсь понять, что происходит. Я создал простой пример, показывающий проблему. Эта проблема не возникает, если я использую текст вместо изображения, как вы видите:

Код, используемый для создания этого изображения:

struct ContentView: View {
    var body: some View {

        ZStack {

            Color.gray

            VStack(spacing: 20) {

                HStack{
                    Image(systemName: "circle.grid.hex.fill")
                        .foregroundColor(Color.white)
                }
                .background(Color.red)

                HStack{
                    Text("Hello world!")
                        .foregroundColor(Color.white)
                }
                .background(Color.red)

            }
        }
        .edgesIgnoringSafeArea(.all)

    }
}

Я использовал macOS Catalina 10.15.4 и XCode 11.4. Спасибо за помощь.

Answer 1

попробуйте это:

struct ContentView: View {
    var body: some View {

        ZStack {

            Color.gray

            VStack(spacing: 20) {

                HStack{
                    Image(systemName: "circle.grid.hex.fill")
                    .resizable()
                    .fixedSize()
                        .foregroundColor(Color.white)
                  //  .resizable()
                       // .scaledToFill()

                }                    .background(Color.red)


                HStack{
                    Text("Hello world!")
                        .foregroundColor(Color.white)
                }
                .background(Color.red)

            }
        }
        .edgesIgnoringSafeArea(.all)

    }
}