Flutterでアプリの向きを固定する方法とFlutterでの実装をみてみる

##実装内容

縦で固定したい場合はコードは以下の通りになります。

import 'package:flutter/services.dart';

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

  runApp(new MyApp());
}

1. flutter/services.dartを忘れずにインポート
2. SystemChrome.setPreferredOrientationsメソッドに固定したい画面の向きを引き渡します
3. DeviceOrientationはenumでlandscapeLeft、landscapeRight、portraitDown、portraitUpが定義されています ※詳細はDeviceOrientation enum - services library - Dart API
4. 今回の場合は縦で固定したいのでportraitUpとportraitDownを引き渡しています

実装方法については以上です。

##補足
内部実装について少し触れていきます。

SystemChrome.setPreferredOrientationsの実装は

static Future<Null> setPreferredOrientations(List<DeviceOrientation> orientations) async {
  await SystemChannels.platform.invokeMethod(
    'SystemChrome.setPreferredOrientations',
    _stringify(orientations),
  );
}

となっており、SystemChrome.setPreferredOrientationsを呼び出しています。

実際に内部で何をやっているかはengine/PlatformPlugin.java at master · flutter/engineとか見ればわかると思います。Androidで言えば、DeviceOrientationの値ごとに愚直にmActivity.setRequestedOrientationしているようです。

iOSの場合は、engine/FlutterPlatformPlugin.mm· flutter/engineを見ればわかります。こちらもDeviceOrientationの値ごとにあわせてUIInterfaceOrientationMaskPortraitなどをpostNotificationNameで指定しています。

上記両コードともにCopyright 2016 The Chromium Authors. All rights reserved.って書いてあるのも興味深かったです。