[SwiftUI] J'ai essayé de découvrir comment cela change pour chaque emplacement spécifié de l'arrière-plan

Dans SwiftUI, l'arrière-plan n'était pas rempli comme prévu, j'ai donc essayé de savoir où et comment il serait rempli.

Code et vue

struct ContentView: View {
        
    var body: some View {
        VStack {
            Spacer()
            Text("Hello world!")
                .foregroundColor(Color.white)
                .background(Color.green)
                .frame(maxWidth: .infinity, minHeight: 50)
                .background(Color.blue)
                .padding()
                .background(Color.orange)
            Spacer()
        }.frame(width: 320, height: 100)
    }
    
}

// Present the view controller in the Live View window
PlaygroundPage.current.liveView = UIHostingController(rootView: ContentView())

スクリーンショット 2020-10-06 11.30.38.png

Commentaire

--Si vous spécifiez background avant frame, il sera rempli dans la limite de texte (vert). --S'il y a un "arrière-plan" après le "cadre" et un "remplissage" après le "fond", il est rempli à l'intérieur par le "remplissage" (bleu). --Si vous spécifiez background après padding, la zone où padding est également ignoré est remplie (orange).

En prêtant attention à la position de background de cette manière, il semble que vous puissiez remplir comme prévu.

Recommended Posts

[SwiftUI] J'ai essayé de découvrir comment cela change pour chaque emplacement spécifié de l'arrière-plan
J'ai essayé de découvrir ce qui avait changé dans Java 9
J'ai essayé de me permettre de définir le délai pour le client Android UDP
[Rails] Comment changer le titre de la page du navigateur pour chaque page
Comment savoir quelle version Java d'un fichier de classe a été compilée
Ruby: J'ai essayé de savoir où Nokogiri va voir l'encodage lui-même
Comment afficher la quantité de disque utilisée par le conteneur Docker pour chaque conteneur
J'ai fait un exemple de la façon d'écrire un délégué dans Swift UI 2.0 à l'aide de MapKit
Comment trouver la cause de l'erreur Ruby
Comment découvrir les tendances de l'OSS pour le développement Web
C # (base de l'encapsulation)
Comment spécifier l'index de JavaScript pour l'instruction
J'ai essayé d'étudier le mécanisme d'Emscripten en l'utilisant avec un solveur allemand
Premier AWS Lambda (j'ai essayé de voir dans quel type d'environnement il fonctionne)