今天 我們的主題是控制手機橫豎屏顯示
需求很明確眠饮,整個app都是豎屏顯示奥帘,但某一個頁面需要橫豎屏顯示
1.進入app,就是豎屏顯示仪召,不能自動橫屏
2.進入某個頁面寨蹋,可以自由控制橫豎屏顯示,退出這個頁面返咱,又回到豎屏
最終效果如下:
下面進入實戰(zhàn)環(huán)節(jié)
經過填坑的過程钥庇,現(xiàn)把關鍵代碼放下面
進入app牍鞠,就設置整個app為豎屏顯示
void main() {
WidgetsFlutterBinding.ensureInitialized(); //不加這個強制橫/豎屏會報錯
SystemChrome.setPreferredOrientations([
// 強制豎屏
DeviceOrientation.portraitUp,
DeviceOrientation.portraitDown
]);
runApp(const DemoApp());
}
WidgetsFlutterBinding.ensureInitialized();
這行代碼一定要寫咖摹,要不然就報錯,而且設置也無效
當進入某個頁面時控制橫豎屏顯示
強制豎屏难述,代碼如下:
// 強制豎屏
SystemChrome.setPreferredOrientations([
DeviceOrientation.portraitUp,
DeviceOrientation.portraitDown
]);
強制橫屏萤晴,代碼如下:
// 強制橫屏
SystemChrome.setPreferredOrientations([
DeviceOrientation.landscapeLeft,
DeviceOrientation.landscapeRight
]);
退出這個頁面時,恢復豎屏顯示胁后,代碼如下:
@override
void dispose() {
// 強制豎屏
SystemChrome.setPreferredOrientations([
DeviceOrientation.portraitUp,
DeviceOrientation.portraitDown
]);
super.dispose();
}
結尾
2021年最后一次分享嘍店读,小伴們,覺得有點用的話,或者已經看到這里面來的請點贊加關注吧~~ 后續(xù)分享更多有關flutter的文章攀芯。如果有疑問的話屯断,請在下方留言~