34 lines
758 B
Dart
34 lines
758 B
Dart
import 'package:flutter/material.dart';
|
|
|
|
class ResponsiveLayout extends StatelessWidget {
|
|
final Widget mobile;
|
|
final Widget desktop;
|
|
|
|
const ResponsiveLayout({
|
|
Key? key,
|
|
required this.mobile,
|
|
required this.desktop,
|
|
}) : super(key: key);
|
|
|
|
static bool isDesktop(BuildContext context) {
|
|
return MediaQuery.of(context).size.width >= 900; // standard desktop breakpoint
|
|
}
|
|
|
|
static bool isMobile(BuildContext context) {
|
|
return MediaQuery.of(context).size.width < 900;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return LayoutBuilder(
|
|
builder: (context, constraints) {
|
|
if (constraints.maxWidth >= 900) {
|
|
return desktop;
|
|
} else {
|
|
return mobile;
|
|
}
|
|
},
|
|
);
|
|
}
|
|
}
|