Code Monkey home page Code Monkey logo

Comments (13)

applebest avatar applebest commented on July 21, 2024
image

from flutter_screenutil.

Mounir-Bouaiche avatar Mounir-Bouaiche commented on July 21, 2024

@applebest Great idea, package used by many users including web and desktop that they are needing resize by width rather than orientation. You can use fontSizeResolver though (FontSizeResolver.[your_factor-radius in this case] or any other function), maybe conditionnaly based on device type

from flutter_screenutil.

applebest avatar applebest commented on July 21, 2024

@applebest Great idea, package used by many users including web and desktop that they are needing resize by width rather than orientation. You can use fontSizeResolver though (FontSizeResolver.[your_factor-radius in this case] or any other function), maybe conditionnaly based on device type

Is it possible to add a parameter to the initialization method to control via a variable whether or not the design ratio needs to be refreshed based on orientation?

from flutter_screenutil.

applebest avatar applebest commented on July 21, 2024

There is no screen rotation on the web and desktop, so there is no problem using width adaptation. On mobile phones and tablets, the screen rotation will be chaotic. Can the frame adapt? grateful

from flutter_screenutil.

Mounir-Bouaiche avatar Mounir-Bouaiche commented on July 21, 2024

@applebest Great idea, package used by many users including web and desktop that they are needing resize by width rather than orientation. You can use fontSizeResolver though (FontSizeResolver.[your_factor-radius in this case] or any other function), maybe conditionnaly based on device type

Is it possible to add a parameter to the initialization method to control via a variable whether or not the design ratio needs to be refreshed based on orientation?

See Docs, fontSizeResolver parameter, in your case you can pass FontSizeResolvers.radius instead of default (FontSizeResolvers.width)

from flutter_screenutil.

applebest avatar applebest commented on July 21, 2024

@applebest Great idea, package used by many users including web and desktop that they are needing resize by width rather than orientation. You can use fontSizeResolver though (FontSizeResolver.[your_factor-radius in this case] or any other function), maybe conditionnaly based on device type

Is it possible to add a parameter to the initialization method to control via a variable whether or not the design ratio needs to be refreshed based on orientation?

See Docs, fontSizeResolver parameter, in your case you can pass FontSizeResolvers.radius instead of default (FontSizeResolvers.width)

FontSizeResolvers.radius only solves the font adaptation problem, the width and height of the widget are adapted using .w .h, when the screen is rotated . .w .h still uses the vertical scaling, I need to change the scaling according to the horizontal/vertical switch, because the width and height change when the screen is rotated.

from flutter_screenutil.

Mounir-Bouaiche avatar Mounir-Bouaiche commented on July 21, 2024

@applebest This is expected, you should use your own code then with Flutter's LayoutBuilder widget, this package will not re-invent what is already built-in in flutter

from flutter_screenutil.

Mounir-Bouaiche avatar Mounir-Bouaiche commented on July 21, 2024

@applebest Great idea, package used by many users including web and desktop that they are needing resize by width rather than orientation. You can use fontSizeResolver though (FontSizeResolver.[your_factor-radius in this case] or any other function), maybe conditionnaly based on device type

Is it possible to add a parameter to the initialization method to control via a variable whether or not the design ratio needs to be refreshed based on orientation?

See Docs, fontSizeResolver parameter, in your case you can pass FontSizeResolvers.radius instead of default (FontSizeResolvers.width)

FontSizeResolvers.radius only solves the font adaptation problem, the width and height of the widget are adapted using .w .h, when the screen is rotated . .w .h still uses the vertical scaling, I need to change the scaling according to the horizontal/vertical switch, because the width and height change when the screen is rotated.

This is not a default for all developers, mobile developers also they want to calculate box width based on actual width of viewport whether landscape or portrait, so this custom feature will not be coded in this library. You should take a look at LayoutBuilder for this behaviour.

from flutter_screenutil.

Mounir-Bouaiche avatar Mounir-Bouaiche commented on July 21, 2024

@applebest You can also use .r instead of .w and .h if you want the minimum value of width/height viewport, in any case

from flutter_screenutil.

applebest avatar applebest commented on July 21, 2024

@applebest您也可以使用.r而不是.w.h如果您想要宽度/高度视口的最小值,无论如何

Some public widgets use a lot of .w and .h when laying out. In landscape mode, I still want the public widgets to have good layout performance when rotating, so use .r This means that a lot of layout code needs to be modified based on rotation.

from flutter_screenutil.

Mounir-Bouaiche avatar Mounir-Bouaiche commented on July 21, 2024
image

You can use this code, wrap ScreenUtilInit with LayoutBuilder and pass designSize according to orientation

from flutter_screenutil.

applebest avatar applebest commented on July 21, 2024
image

You can use this code, wrap ScreenUtilInit with LayoutBuilder and pass designSize according to orientation

Please send another picture, it was not uploaded, thank you

from flutter_screenutil.

Mounir-Bouaiche avatar Mounir-Bouaiche commented on July 21, 2024
image

It's yours

from flutter_screenutil.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.