12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- import 'package:flutter/material.dart';
- class Responsive extends StatelessWidget {
- final Widget mobile;
- final Widget tablet;
- final Widget desktop;
- const Responsive({
- Key? key,
- required this.mobile,
- required this.tablet,
- required this.desktop,
- }) : super(key: key);
- static bool isMobile(BuildContext context) =>
- MediaQuery.of(context).size.width < 650;
- static bool isTablet(BuildContext context) =>
- MediaQuery.of(context).size.width < 900 &&
- MediaQuery.of(context).size.width >= 650;
- static bool isDesktop(BuildContext context) =>
- MediaQuery.of(context).size.width >= 900;
- @override
- Widget build(BuildContext context) {
- return LayoutBuilder(
-
- builder: (context, constraints) {
- if (constraints.maxWidth >= 900) {
- return desktop;
- }
-
- else if (constraints.maxWidth >= 650) {
- return tablet;
- }
-
- else {
- return mobile;
- }
- },
- );
- }
- }
|