Flutter屏幕方向管理插件orientation_widget的使用

Flutter屏幕方向管理插件orientation_widget的使用

插件描述

orientation_widget 是一个Flutter插件，用于强制设备保持特定的方向以显示应用程序界面。该插件允许开发者指定应用可以显示在哪些方向（如纵向或横向），并且可以在销毁时重置配置。

特性

• 强制方向：可以设置应用只能在特定方向上显示。
• 重置配置：销毁插件后可以重置方向配置。

使用示例

保持纵向方向

OrientationWidget.portrait(
  child: const PortraitPage(),
)

保持横向方向

OrientationWidget.landscape(
  child: const LandscapePage(),
)

保持特定方向

OrientationWidget(
  child: const LandscapeLeftPage(),
  orientations: [DeviceOrientation.landscapeLeft],
)

重置方向

OrientationWidget.portrait(
  child: const PortraitPage(),
  then: landscapeOrientations,
)

示例代码

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

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  // This widget is the root of your application.
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter Demo'),
      ),
      body: Center(
        child: Text('Home Page'),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          Navigator.of(context).push(
            MaterialPageRoute(
              builder: (context) => OrientationWidget.landscape(
                then: autoOrientations,
                child: const LandscapePage(),
              ),
            ),
          );
        },
        tooltip: 'Go to landscape',
        child: const Icon(Icons.screen_lock_landscape),
      ),
    );
  }
}

class LandscapePage extends StatelessWidget {
  const LandscapePage({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter Demo'),
      ),
      body: Center(
        child: Text('Landscape Page'),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          Navigator.of(context).push(
            MaterialPageRoute(
              builder: (context) => OrientationWidget.portrait(
                then: landscapeOrientations,
                child: const PortraitPage(),
              ),
            ),
          );
        },
        tooltip: 'Go to portrait',
        child: const Icon(Icons.screen_lock_portrait),
      ),
    );
  }
}

class PortraitPage extends StatelessWidget {
  const PortraitPage({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter Demo'),
      ),
      body: Center(
        child: Text('Portrait Page'),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          Navigator.of(context).push(
            MaterialPageRoute(
              builder: (context) => const OrientationWidget(
                orientations: [DeviceOrientation.landscapeLeft],
                then: portraitOrientations,
                child: LandscapePage(),
              ),
            ),
          );
        },
        tooltip: 'Go to landscape left',
        child: const Icon(Icons.screen_lock_rotation),
      ),
    );
  }
}

class LandscapeLeftPage extends StatelessWidget {
  const LandscapeLeftPage({Key? key}) : super(key: key);

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Flutter Demo'),
      ),
      body: Center(
        child: Text('Landscape Left Page'),
      ),
    );
  }
}