How to Lock Mobile Phone Screen Orientation In Flutter? (Not in Tabs/ iPads)

user_14691844 0
Viewed 145

I have developed an app using flutter. Now I want to lock it's screen orientation only in mobile phones. Because I cannot provide the functionalities for mobile landscape mode as there is not an enough scape for it. So, how can I do it? The important thing is I don't want to lock the screen orientation for tabs/ iPads.

flutter-layout dart flutter screen-orientation layout
2 Answers
import 'package:flutter/services.dart'; 
       
       //When you load the Widget, do something like this:
       
       @override
       void initState(){
         super.initState();
        if(getDeviceType == ‘phone’){    
             SystemChrome.setPreferredOrientations([
                DeviceOrientation. portraitUp,
             ]);    
        }    
        else{
            SystemChrome.setPreferredOrientations([    
                DeviceOrientation. portraitUp,
                DeviceOrientation.landscapeRight,
                DeviceOrientation.landscapeLeft,
          ]);
        }
       }
       
       
       String getDeviceType() {
           final data = MediaQueryData.fromWindow(WidgetsBinding.instance.window);
           return data.size.shortestSide < 600 ? 'phone' :'tablet';
         }
user_170426080 
void main() async {

  await SystemChrome.setPreferredOrientations([
    DeviceOrientation.portraitUp,
    DeviceOrientation.portraitDown,
  ]);

  runApp(MyApp());
}

use it in main.dart like this. Change DeviceOrientation as you want. Add more DeviceOrientation or remove. Whatever you want

user_162454690
Related