layoutHoc function

dynamic layoutHoc({
  1. required GlobalKey<State<StatefulWidget>> scaleKey,
  2. required GlobalKey<State<StatefulWidget>> fadeInKey,
  3. required List<Widget> children,
  4. required Color maskColor,
})

Implementation

layoutHoc(
    {required GlobalKey scaleKey,
    required GlobalKey fadeInKey,
    required List<Widget> children,
    required Color maskColor}) {
  return FadeIn(
      key: fadeInKey,
      duration: 150,
      child: Stack(alignment: Alignment.center, children: [
        Positioned(
            top: 0,
            right: 0,
            bottom: 0,
            left: 0,
            child: DecoratedBox(decoration: BoxDecoration(color: maskColor))),
        Padding(
            padding: EdgeInsets.only(left: 37.0, right: 37.0),
            child: Scale(
                key: scaleKey,
                begin: 0.85,
                end: 1.0,
                child: Material(
                    color: Colors.white,
                    borderRadius: BorderRadius.all(Radius.circular(3.0)),
                    child: Padding(
                        padding: EdgeInsets.only(top: boxPadding - 4),
                        child: Column(
                            mainAxisSize: MainAxisSize.min,
                            children: children)))))
      ]));
}