responsive_size_builder 0.1.2
responsive_size_builder: ^0.1.2 copied to clipboard
Responsive Flutter layout builders for breakpoints, local constraints, orientation variants, shared values, and Material 3 window classes.
import 'package:example/pages/home_page.dart';
import 'package:example/pages/layout_size_builder_example.dart';
import 'package:example/pages/layout_value_size_builder_example.dart';
import 'package:example/pages/material_responsive_size_example.dart';
import 'package:example/pages/screen_size_builder_example.dart';
import 'package:example/pages/screen_size_builder_granular_example.dart';
import 'package:example/pages/screen_size_orientation_builder_example.dart';
import 'package:example/pages/screen_size_with_value_builder_example.dart';
import 'package:example/pages/screen_size_with_value_example.dart';
import 'package:example/pages/screen_size_with_value_granular_builder_example.dart';
import 'package:example/pages/screen_size_with_value_orientation_builder_example.dart';
import 'package:example/pages/theme.dart';
import 'package:example/pages/value_size_builder_example.dart';
import 'package:example/pages/value_size_builder_granular_example.dart';
import 'package:flutter/material.dart';
import 'package:responsive_size_builder/responsive_size_builder.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
const textTheme = TextTheme();
const materialTheme = MaterialTheme(textTheme);
return MaterialApp(
title: 'Responsive Size Builder Demo',
theme: materialTheme.light(),
darkTheme: materialTheme.dark(),
debugShowCheckedModeBanner: false,
builder: (context, child) => MaterialResponsiveSize(
child: child ?? const SizedBox.shrink(),
),
home: const HomePage(),
routes: {
'/screen-size-builder': (context) => const ScreenWidgetBuilderExample(),
'/screen-size-orientation-builder': (context) =>
const ScreenWidgetBuilderOrientationExample(),
'/screen-size-builder-granular': (context) =>
const ScreenWidgetBuilderGranularExample(),
'/layout-size-builder': (context) => const LayoutWidgetBuilderExample(),
'/layout-value-size-builder': (context) =>
const LayoutValueBuilderExample(),
'/value-size-builder': (context) => const ScreenValueBuilderExample(),
'/value-size-builder-granular': (context) =>
const ScreenValueBuilderGranularExample(),
'/screen-size-with-value': (context) =>
const ScreenSizeWithValueExample(),
'/screen-size-with-value-builder': (context) =>
const ScreenWithValueWidgetBuilderExample(),
'/screen-size-with-value-granular-builder': (context) =>
const ScreenSizeWithValueBuilderGranularExample(),
'/screen-size-with-value-orientation-builder': (context) =>
const ScreenWithValueWidgetBuilderOrientationExample(),
'/material-responsive-size': (context) =>
const MaterialResponsiveSizeExample(),
},
);
}
}