Change Button Anchor Point SwiftUI

Question

I'm attempting to alter the anchor point for what determines the center of a Button. The following code puts the button at the top left corner of the frame.

Button(action: {
            print(self.note)
        }) {
            Text(note)
        }
        .position(x: 0.0, y: 0.0)

If I use .offset instead, then it will work. I would like it to be centered within it's frame though. Is there a way to change the anchor point?

E.Coms · Accepted Answer · 2019-10-30 03:36:56Z

3

You may need to turn on the frame of the parent container, so that you can use frame alignment.

    var body: some View{

    GeometryReader{ p in
    VStack{
    Button(action: {
    }) {
        Text("note")
        }
    }.frame(width: p.size.width, height: p.size.height, alignment: .topLeading)
    }
}

Here is another rough but faster version with AlignmentGuide.

  var body: some View{
    VStack(alignment: .leading){
    Text("")
    Button(action: {
    }) {
        Text("simple version button")
    }.background(Color.red).alignmentGuide(.leading) { v in
        return  -v[.trailing]
    }}.position()
}

Hope you can have a better answer.

edited Oct 30, 2019 at 3:36

answered Oct 30, 2019 at 1:57

E.Coms

11.6k2 gold badges29 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

SpringN Over a year ago

I borrowed some of your code from your first answer, but instead of using the line with ".frame" I used ".position(x: p.size.height, y: p.size.width)" and this corrected my problem. Thanks!

Collectives™ on Stack Overflow

Change Button Anchor Point SwiftUI

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related