Codelessly / ResponsiveFramework

Easily make Flutter apps responsive. Automatically adapt UI to different screen sizes. Responsiveness made simple. Demo: https://gallery.codelessly.com/flutterwebsites/minimal/
https://codelessly.com
MIT License
1.25k stars 150 forks source link

Can't get breakpoint value when orientation is landscape. #137

Closed mag1c-dev closed 1 year ago

mag1c-dev commented 1 year ago

Hello! Thank for helpful package. I have an issue in version 1.0.0 When orientation is portrait, it works perfect. But when orientation is landscape, I can't get breakpoint value.

Here is my code demo:

MaxWidthBox(
maxWidth: 1200,
child: BouncingScrollWrapper.builder(
    context,
    ResponsiveBreakpoints.builder(child: Builder(
      builder: (context) {
        print('Screen Width: ${ResponsiveBreakpoints.of(context).screenWidth}');
        print('Orientation: ${ResponsiveBreakpoints.of(context).orientation.name}');
        print('Breakpoint: ${ResponsiveBreakpoints.of(context).breakpoint.name}');
        return child!;
      }
    ), breakpoints: [
      const Breakpoint(start: 0, end: 450, name: MOBILE),
      const Breakpoint(start: 451, end: 800, name: TABLET),
      const Breakpoint(
          start: 801, end: double.infinity, name: DESKTOP),
    ])),
)

Screen Shot 2023-05-08 at 14 43 07

rayliverified commented 1 year ago

Thank you for reporting, I'll take a look!

pjhbest commented 1 year ago

Use breakpointsLandscape..

ResponsiveBreakpoints.builder(
  breakpoints: [
    // ...
  ],
  breakpointsLandscape: [
    // if you will use a landscape, enter breakpoints here!
  ],
  child: child!,
)
mag1c-dev commented 1 year ago

Use breakpointsLandscape..

ResponsiveBreakpoints.builder(
  breakpoints: [
    // ...
  ],
  breakpointsLandscape: [
    // if you will use a landscape, enter breakpoints here!
  ],
  child: child!,
)

Thanks you, I didn't realize this.