web-dev-qa-db-fra.com

Dans swiftui, comment augmenter la hauteur d'un bouton?

Comme vous pouvez le voir sur la capture d'écran, la hauteur du bouton ne s'ajuste pas pour s'adapter à la taille du texte, ce qui le rend laid. Comment puis-je augmenter la hauteur des boutons, donc ça n'a pas l'air stupide. Ma question est de savoir comment augmenter la hauteur des boutons dans swiftui. J'essaie de créer l'écran de titre de mon jeu Minecraft.

    struct ContentView: View {
    var body: some View {
        GeometryReader { geometry in
            VStack (spacing: 8) {
                Text("[Name not disclosed]Craft").font(.system(size: geometry.size.width/8))
                Button(action: {

                }) {
                    Text("Singleplayer").font(.system(size: geometry.size.width/20))
                        .frame(minWidth: geometry.size.width/2)
                }
                Button(action: {

                }) {
                    Text("Multiplayer").font(.system(size: geometry.size.width/20))
                        .frame(minWidth: geometry.size.width/2)
                }
                HStack (spacing: 8) {
                    Button(action: {

                    }) {
                        Text("Options").font(.system(size: geometry.size.width/20))
                            .frame(minWidth: (geometry.size.width/4)-16)
                    }
                    Button(action: {
                        exit(EXIT_SUCCESS);
                    }) {
                        Text("Quit Game").font(.system(size: geometry.size.width/20))
                            .frame(minWidth: (geometry.size.width/4)-16)
                    }
                }
            }
        }
    }
}

Not nicely looking window

7
user12353468

Veuillez essayer ci-dessous Code:

Button(action: {
       //do action       
}) {
    Text("SIGN IN")
        .frame(width: 200 , height: 50, alignment: .center)
        //You need to change height & width as per your requirement
}
 .background(Color.blue)
 .foregroundColor(Color.white)
 .cornerRadius(5)

Production enter image description here

0
Rohit Makwana