在Flutter中如何修改螢幕的方向

2021-10-06 23:03:25 字數 967 閱讀 7704

首先,你需要匯入 services 包 :

import  'package:flutter/services.dart';
我們可以通過systemchrome這個類的 setpreferredorientations方法來設定螢幕方向。

setpreferredorientations()方法,引數是乙個陣列 ,我們可以設定多個方向(定義在deviceorientation列舉類中)。

注意 : 設定螢幕方法呼叫之前,需要呼叫一下 binding 的初始化方法(先記住即可)

void  main()  );

}

landscapeleft or landscaperight 可以設定乙個或者兩個,效果試一下就知道了

systemchrome.setpreferredorientations([deviceorientation.landscapeleft,deviceorientation.landscaperight])
設定螢幕垂直方向 :

systemchrome.setpreferredorientations([deviceorientation.portraitdown,deviceorientation.portraitup])
動態改變螢幕方向 :

raisedbutton(

child: text("portrait"),

onpressed: ())

獲取當前螢幕方向 :

mediaquery.of(context).orientation

mediaquery.of(context).orientation == orientation.landscape

自備梯子)

在原生App中嵌入Flutter

首先有乙個可以執行的原生專案 第一步 新建flutter module terminal進入到專案根目錄,執行flutter create t module module名字 例如 flutter create t module flutter native 執行完畢,就會發現專案目錄下生成了乙個m...

Flutter 中如何繪製動畫

本文分享下自定義完成動畫的實現方法,最終的效果圖如下 原始碼位址 在ios android中我們繼承uiview view重寫draw ondraw方法在裡面執行畫圖操作。在flutter中稍微有點不一樣,我們使用custompaint 這是乙個widget 它需要乙個引數painter,這個引數的...

在Flutter中給widget新增動畫

在android中,可以通過通過xml建立動畫或在檢視上呼叫view.animate 對檢視進行動畫處理。在flutter中,可以通過動畫庫給widget新增動畫,將widget包裝到animation中。與android相似,在flutter中,有乙個animationcontroller控制器和...