responsive method

Widget responsive({
  1. Widget? mobile,
  2. Widget? tablet,
  3. Widget? desktop,
})

Show different widgets based on screen width

Implementation

Widget responsive({
  Widget? mobile,
  Widget? tablet,
  Widget? desktop,
}) {
  return LayoutBuilder(
    builder: (context, constraints) {
      if (constraints.maxWidth >= 1200 && desktop != null) {
        return desktop;
      } else if (constraints.maxWidth >= 800 && tablet != null) {
        return tablet;
      } else if (mobile != null) {
        return mobile;
      }
      return this;
    },
  );
}