trying to make the fab centered horizontally but click doesn't work

[demo-Ashif]

my code using speed dial is

class CustomFabDummyTest extends StatefulWidget {
  @override
  _CustomFabDummyTestState createState() => _CustomFabDummyTestState();
}

class _CustomFabDummyTestState extends State<CustomFabDummyTest> {
  @override
  Widget build(BuildContext context) {
    return SpeedDial(
      marginEnd: 40,
      //marginEnd: (MediaQuery.of(context).size.width / 2),
      marginBottom: 20,
      icon: Icons.add,
      activeIcon: Icons.remove,
      buttonSize: 56.0,
      visible: true,
      closeManually: false,
      renderOverlay: false,
      curve: Curves.bounceIn,
      overlayColor: Colors.black,
      overlayOpacity: 0.5,
      onOpen: () => print('OPENING DIAL'),
      onClose: () => print('DIAL CLOSED'),
      tooltip: 'Speed Dial',
      heroTag: 'speed-dial-hero-tag',
      backgroundColor: Colors.white,
      foregroundColor: Colors.black,
      elevation: 8.0,
      shape: CircleBorder(),
      children: [
        SpeedDialChild(
          child: Icon(Icons.accessibility),
          backgroundColor: Colors.red,
          label: 'First',
          labelStyle: TextStyle(fontSize: 18.0),
          onTap: () => print('FIRST CHILD'),
          onLongPress: () => print('FIRST CHILD LONG PRESS'),
        ),
        SpeedDialChild(
          child: Icon(Icons.brush),
          backgroundColor: Colors.blue,
          label: 'Second',
          labelStyle: TextStyle(fontSize: 18.0),
          onTap: () => print('SECOND CHILD'),
          onLongPress: () => print('SECOND CHILD LONG PRESS'),
        ),
        SpeedDialChild(
          child: Icon(Icons.keyboard_voice),
          backgroundColor: Colors.green,
          label: 'Third',
          labelStyle: TextStyle(fontSize: 18.0),
          onTap: () => print('THIRD CHILD'),
          onLongPress: () => print('THIRD CHILD LONG PRESS'),
        ),
      ],
    );
  }
}

Problem is when I set this to //marginEnd: (MediaQuery.of(context).size.width / 2) to make it horizontally centered , click doesn't work. But it was working properly. Recently change into v 2.1.1 ; prebiously it was just flutter_speed_dial: in pubspec.yaml

[prateekmedia]

Hey @demo-Ashif, do you know we have just upgraded this package to 4.0.0-dev you can use it by using below code in your project

  flutter_speed_dial: 4.0.0-dev

Now you can use Floating action button location too in your project you can checkout it and other documentation in pub.dev by visiting below link.

https://pub.dev/packages/flutter_speed_dial/versions/4.0.0-dev

Also if you like the package then be sure to star the project and like it in pub.dev