How to center column item center of screen?

[NTMS2017]

In web and iOS version of ResponsiveRowColumn is not working as expected. Axis alignment also is not allow.

In web if screen is big responsive work (but item only center to top screen and not middle of screen). In web if screen small responsive is center left side of screen.

My goal to make like this:

Currently is showing like this:

[NTMS2017]

Ok, I find the solution but I am not sure if is the correct way of doing it. I wrap the ResponsiveRowColumn with Center widget. Its work on web, iOS (iPhone and iPad) and android.

Code:

      /// Wrap with CENTER widget to center (middle of screen) the item on screen
      /// Wrap with LIST_VIEW widget to center (top of the screen) the item on screen
      body: Center(
        child: ResponsiveRowColumn(

            /// ROW
            rowMainAxisAlignment: MainAxisAlignment.center,
            rowMainAxisSize: MainAxisSize.max,
            rowCrossAxisAlignment: CrossAxisAlignment.center,
            rowVerticalDirection: VerticalDirection.down,

            /// COLUMN
            columnMainAxisAlignment: MainAxisAlignment.center,
            columnMainAxisSize: MainAxisSize.max,
            columnCrossAxisAlignment: CrossAxisAlignment.center,
            columnVerticalDirection: VerticalDirection.down,

            /// SPACING
            columnSpacing: 10.0,
            rowSpacing: 10.0,

Images: