Flutter如何设置移动端禁止随手机自动旋转屏幕

已收录   阅读次数: 1,880
2021-07-0607:11:00 发表评论
摘要

在移动端中,如何使得禁止手机旋转而旋转屏幕,flutter中可以使用下面的方法就可以实现,不用引入第三方的支撑库,flutter自带该功能,只需要改成禁止某方向即可,那么如何实现呢?请看此篇文章……

分享至:
Flutter如何设置移动端禁止随手机自动旋转屏幕

开篇寄语

在移动端中,如何使得禁止手机旋转而旋转屏幕,flutter中可以使用下面的方法就可以实现,不用引入第三方的支撑库,flutter自带该功能,只需要改成禁止某方向即可,那么如何实现呢?请看此篇文章。

内容详情

以下内容大多是更改lib下的main.dart文件内容,删掉里面的内容,复制粘贴代码,开启调试就可以出现了。

试举一例:

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SystemChrome.setPreferredOrientations(
      [DeviceOrientation.portraitUp, DeviceOrientation.portraitDown]);

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Welcome to Flutter',
        home: Scaffold(
          appBar: AppBar(
            title: const Text('Welcome to Flutter'),
          ),
          body: Center(
              child: const Text('Hello World',
                  style: TextStyle(
                      color: Color(0xFFFF0000),
                      backgroundColor: Colors.yellow,
                      fontSize: 42.0,
                      fontStyle: FontStyle.italic,
                      decoration: TextDecoration.underline))),
        ));
  }
}

生成效果如下图所示:

Flutter如何设置移动端禁止随手机自动旋转屏幕

如果取消前面的禁止旋转设置,生成的效果就会是如下图所示了:

Flutter如何设置移动端禁止随手机自动旋转屏幕
  • 我的微信
  • 微信扫一扫加好友
  • weinxin
  • 我的微信公众号
  • 扫描关注公众号
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: