建站
咨詢
售后
建站咨詢
新聞中心
Flutter 94: 初識 MediaQuery
當我們同時為手機和平板適配編寫 app 針對不同屏幕尺寸進行 UI 布局或當用戶偏好設(shè)置較大字號或是想要最大限度等減少動畫等；此時就需要 MediaQuery 來幫我們獲取所用設(shè)備的信息以及用戶設(shè)置的偏好信息；
成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供雨花臺企業(yè)網(wǎng)站建設(shè),專注與做網(wǎng)站、成都網(wǎng)站建設(shè)、HTML5建站、小程序制作等業(yè)務(wù)。10年已為雨花臺眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進行中。
MediaQuery 一直存在于 WidgetsApp 和 MaterialApp 中， MediaQuery 繼承自 InheritedWidget 是一個單獨的 Widget ，但一般通過 MediaQuery.of(context) 來獲取相關(guān)信息；
當相關(guān)信息發(fā)生變化，例如屏幕旋轉(zhuǎn)等時，屏幕中 Widget 會重新構(gòu)建，以保持最新狀態(tài)；我們可以通過 MediaQuery 構(gòu)造函數(shù)和提供的靜態(tài)方法手動設(shè)置對應(yīng)的相關(guān)信息；
MediaQueryData 包含關(guān)于媒介的相關(guān)信息；一般通過 MediaQuery.of(context) 獲??；
size 為媒介的尺寸大小，以邏輯像素為單位；
devicePixelRatio 為像素密度；與設(shè)備物理像素有關(guān)，與橫豎屏等無關(guān)；
orientation 為橫豎屏， Orientation.landscape 為橫屏， Orientation.portrait 為豎屏；
textScaleFactor 為
每個邏輯像素的字體像素數(shù)，小菜理解為字體的像素比；注意，小菜設(shè)置了默認字體像素密度為標準的 1.2 倍之后調(diào)整設(shè)備系統(tǒng)字號，其 1.2 倍依舊是以標準字號為基礎(chǔ)擴大 1.2 倍；
platformBrightness 為當前設(shè)備的亮度模式；注意調(diào)整屏幕亮度并不會改變該模式，與當前系統(tǒng)支持的黑暗模式和明亮模式相關(guān)；
alwaysUse24HourFormat 為當前設(shè)備是否為 24 小時制；
accessibleNavigation 為是否使用 TalkBack 或 VoiceOver 之類的輔助功能與應(yīng)用程序進行交互，用以輔助視力障礙人群；
invertColors 為是否使用顏色反轉(zhuǎn)，主要用于 iOS 設(shè)備；
highContrast 為用戶是否要求前景與背景之間的對比度高，主要用于 iOS 設(shè)備；
disableAnimations 為平臺是否要求禁用或減少動畫；
boldText 為平臺是否要求使用粗體；
padding 為屏幕內(nèi)邊距，一般是劉海兒屏或異形屏中被系統(tǒng)遮擋部分邊距；
viewInsets 為鍵盤彈出時等遮擋屏幕邊距，其中 viewInsets.bottom 為鍵盤高度；
systemGestureInsets 為手勢邊距，如 Android Q 之后添加的向左滑動關(guān)閉頁面等；
viewPadding 小菜理解為視圖內(nèi)邊距，為屏幕被劉海兒屏或異形屏中被系統(tǒng)遮擋部分，從 MediaQuery 邊界的邊緣計算；此值是保持不變；例如，屏幕底部的軟件鍵盤可能會覆蓋并占用需要底部填充的相同區(qū)域，因此不會影響此值；
physicalDepth 為設(shè)備物理層級，小菜暫時還未想到對應(yīng)的應(yīng)用場景；
小菜在嘗試獲取其他子 Widget Size 時，有兩點需要注意，首先要設(shè)置一個全局的 GlobalKey 來獲取當前位置， key 需要為唯一的；第二通過 GlobalKey().currentContext 獲取 BuildContext 上下文環(huán)境，從而獲取對應(yīng)尺寸；
MediaQuery 案例嘗試
小菜對于部分 MediaQueryData 的應(yīng)用和理解還不夠深入；如有錯誤請多多指導(dǎo)！
Flutter設(shè)置APP版本與構(gòu)建版本
當一個純Flutter APP開發(fā)完成，我們要打包發(fā)布到App Store和各大安卓市場，這時候我們需要設(shè)置APP的版本號。
如果我們在使用原生iOS或者Android開發(fā)的時,我們會在info.plist中設(shè)置 version 和 build 或是在build.gradle中設(shè)置 versionName 和 versionCode ,他們分別表示APP的版本和構(gòu)建版本。
但是我們在使用Flutter管理APP版本時，打開 pubspec.yaml 只看到一個 version 字段。這時候我們應(yīng)該怎么設(shè)置APP的 version 和 build 呢？
我們在pub上隨便找一個Flutter的組件，例如官方的 camera ,我們可以看到截止目前為止最新的版本為： camera: ^0.5.2+1 。看到這里，我想大家都明白了，Dart采用的是加號式的版本描述方式， + 前面是版本號， + 后面是當前版本的build號。所以我們設(shè)置APP的版本號和build次數(shù)，在這里設(shè)置即可，例如： version: 1.2.0+1 。
當我們新建一個Flutter工程的時候，我們分別使用Xcode和Android Studio打開iOS和Android的工程可以看到，iOS中的 version 和 build 的值分別為 FLUTTER_BUILD_NAME 和 FLUTTER_BUILD_NUMBER ：
同樣我們打開Android工程可以看到有如下定義：
事實上，F(xiàn)lutter在編譯的時候會生成 ios/Flutter/Generated.xcconfig 和 android/local.properties 文件。這兩個文件由Flutter編譯自動生成，不可更改。記錄了包含SDK路徑或者文件路徑，版本信息，環(huán)境配置（release/debug）等信息。原生工程獲取版本信息的變量就定義在這兩個文件里面。
Dart support is not enabled for the project.解決方法
問題描述：
Mac環(huán)境，安裝了Android Studio，以及包括Dart插件在內(nèi)的Flutter插件。在終端運行 flutter doctor ，顯示全部配置完成。在Android Studio中創(chuàng)建一個Flutter的新項目，包括運行什么的都完全沒問題。但是，我從Git上克隆自己的項目，用Android Studio打開以后，有個警告“dart sdk is not configured”，并且沒有Flutter Device Selection按鈕，項目無法繼續(xù)進行。
解決方法：
在網(wǎng)上找到的方法，都是這個：
1、打開File =》Setting =》Language Frameworks = Dart
2、勾選 “enable Dart support for the project”，并且選擇Dart SDK path，路徑為 D:\install\android\flutter\bin\cache\dart-sdk ，其中D:\install\android\flutter是flutter SDK路徑
其實是對的，這就是解決方法。但是我的Android Studio是3.4.2版本的，我打開File是找不到Setting選項的。。?？旖萱I（ctrl + alt + s）也沒反應(yīng)。
開頭入口被堵死了，便想著更新一下Flutter (終端運行 flutter upgrade ), 以獲取最新版本的Flutter和Dart SDK, 結(jié)果終端毫不留情的直接給了我一段error。于是，經(jīng)過一番耐心的查找，終于找到了三個入口：
入口一：
入口二：
打開Tools =》Flutter =》Flutter Upgrade =》Language Frameworks = Dart
入口三：
Preferences =》Language Frameworks = Dart
然后操作即可：
本文名稱：flutter最新,Flutter app
文章起源：http://www.dlmjj.cn/article/dsijjeo.html
