[Bug]: Popover not centered

[lbottona]

Is there an existing issue for this?

• I have searched the existing issues

Current Behavior

I'm not sure that's a bug, but I need help. I'm trying to centered (or at least change position) of the popover in x axis. how could I do it?

Expected Behavior

No response

What operating system are you seeing the problem on?

iOS

Relevant log output

No response

Anything else?

`showPopover(

          context: context,
          width: 150,
          height: 100,
          direction: PopoverDirection.bottom,
          backgroundColor: Theme.of(context).colorScheme.primaryContainer,
          bodyBuilder: (context) {
            return Column(children: [
              Container(
                height: 50,
                decoration: BoxDecoration(
                  color: Theme.of(context).colorScheme.primaryContainer,
                ),
                child: Padding(
                  padding: const EdgeInsets.only(
                      left: 5, right: 5, top: 2, bottom: 2),
                  child: Row(children: [
                    Icon(Icons.edit),
                    SizedBox(width: 5),
                    Text("Modifica",
                        style: GoogleFonts.montserrat(
                          color: Colors.white,
                          fontSize: 16,
                          fontWeight: FontWeight.w500,
                        ))
                  ]),
                ),
              ),
              Container(
                height: 50,
                decoration: BoxDecoration(
                  color: Theme.of(context).colorScheme.primaryContainer,
                ),
              ),
            ]);
          });`

Code of Conduct

• I agree to follow this project's Code of Conduct

[minikin]

@lbottona Thanks for submitting a ticket. I don't know how you want to center a popover.
Can you provide a more detailed code example and explain the expected behavior?

[lbottona]

Yeh sorry @minikin, thank you! The popover in the image is done with the code written below. I would center the popover horizontally (x axis). I saw, for example, that I could set vertical offset, but not horizontal.
That popover is shown after clicking the card with the text "Test", so I would the popover horizontally centered

[jeremanuel]

I have the same problem.. when the popover is near the edge of the window, it stop being centered on x axis.

clipbug.mp4

[fazaamajdeddine]

wrap your parent widget with Builder

Builder(builder: (context) {
return YourWidget(
 onPressed: () {
  showPopover(//rest of your code);
);
}

then the postition of your popover depend on the position of the parent widget , if your widget was positionned in the center of the screen , it display the popover around it (bottom,left,right or top of your widget)