flutter로 화면 방향을 바꾸는 방법, 방향을 바꾸는 방법

6634 단어 Fluttertech

TL;DR

  • SystemChrome.setPreferredOrientations를 사용하여 화면의 방향을 설정할 수 있습니다.

  • 또한 runApp 이전에 응용 방향으로 고정
  • How to change screen orientation in flutter ? | Coding Ninja
  • https://codingninja.info/change-screen-orientation-in-flutter.html
  • RotatedBox 또는 RotationTransition 등을 사용하여 Widget을 회전시켜 스크롤 바를 보내지 않는 정도의 정보량이라면 화면의 방향을 시뮬레이션할 수 있다
  • AppBar는 세로 화면을 유지하거나 바디를 가로로 배치할 수 있습니다.
  • 그거 하고 싶어?또 다른 말...
  • Flutter - video_player fullscreen | Stack Overflow
  • https://stackoverflow.com/questions/52431109/flutter-video-player-fullscreen/52431324?stw=2#52431324
  • RotatedBox class | Flutter
  • https://api.flutter.dev/flutter/widgets/RotatedBox-class.html
  • RotationTransition class | Flutter
  • https://api.flutter.dev/flutter/widgets/RotationTransition-class.html
  • 화면 방향 설정


    import 'package:flutter/services.dart';  // 必要
    
    // なんかこんな感じ。`_landscape` の変更は各々やりたいところで変更してもらえれば。
    // 三項演算子 だとサンプルとして読みにくいかなと思って例は switch にしたけど読みやすいかは微妙ですね……
    void changeLandscape() {
      switch (_landscape) {
        case false:
          SystemChrome.setPreferredOrientations(
              [DeviceOrientation.portraitDown, DeviceOrientation.portraitUp]);
          break;
        case true:
          // 右辺を上にしたいときはこう。
          // 左辺を上にしたいときは DeviceOrientation.landscapeLeft を指定してやる
          SystemChrome.setPreferredOrientations(
              [DeviceOrientation.landscapeRight]);
          break;
      }
    }
    

    고정 화면 방향

  • [Fluter]화면을 세로/가로로 고정시키는 방법|ryohtarut/main.dart | Gist
  • https://gist.github.com/ryohtarot/e34b7c17b207e527d9dcfb1f0e9d6ba0
  • 아이패드는 별도로
  • setPreferredOrientations not working in iPad #27235 | flutter/flutter | GitHub
  • https://github.com/flutter/flutter/issues/27235
  • RotatedBox로 회전


    import 'package:flutter/material.dart';
    
    ...// なんかこんな感じ。そのままですね……
    // YourWidget は自分の必要な Widget を入れてやる
    // `_landscape` の変更は各々やりたいところで変更してもらえれば。
    
    Widget build(BuildContext context) {
      return RotatedBox(
                child: YourWidget(
                  ),
                quarterTurns: _landscape ? 1 : 0);
    ...
  • Flutter - video_player fullscreen | Stack Overflow
    천재!그러고 보니 풀이 자랐다
  • https://stackoverflow.com/questions/52431109/flutter-video-player-fullscreen/52431324?stw=2#52431324
  • 좋은 웹페이지 즐겨찾기