Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[potatotips #84]Supporting Large Screen on Flutter

[potatotips #84]Supporting Large Screen on Flutter

This is the slide, "Supporting Large Screen on Flutter" on potatotips 84.
#flutter #flutterjp #potatotips

Kenichi Kambara

September 24, 2023

More Decks by Kenichi Kambara

Other Decks in Technology


  1. About me •Mobile App Development •Speeches (e.g. 15 Int’l/100+ Domestic)

    •Writings (e.g. 8 Dev Books) •[Of fi cial] Evangelist at NTT TechnoCross •[Private] iplatform.org Kenichi Kambara (@korodroid)
  2. 1. Using MediaQuery API var isTwoPane = 
 MediaQuery.of(context).size.width >=

    600;  body: isTwoPane ? twoPaneWidget(): onePaneWidget(),
  3. 2. Using TwoPane Widget  body: TwoPane( startPane: mainWidget(), endPane:

    sideWidget(), paneProportion: 0.3, panePriority: isTwoPane ? TwoPanePriority.both : TwoPanePriority.start, ), var isTwoPane = 
 MediaQuery.of(context).size.width >= 600;
  4. This package also supports  import 'package:dual_screen/dual_screen.dart'; DualScreenInfo.hingeAngleEvents.listen((double hingeAngle) {

    print(hingeAngle); }); DualScreenInfo.hasHingeAngleSensor.then((bool hasHingeSensor) { print(hasHingeSensor); }); https://pub.dev/packages/dual_screen#hinge-angle-sensor
  5. Please let me know if you have any requests 

    such as technical speeches, technical writings and so on. Facebook:http://fb.com/kanbara.kenichi X:@korodroid LinkedIn:http://www.linkedin.com/in/korodroid Thank you so much