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))),
        ));
  }
}

生成效果如下图所示：

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