原创 flutter MediaQuery獲取屏幕寬度高度密度通知欄高度等屏幕信息

MediaQuery是建立媒體查詢解析給定數據的子樹。例如,要了解當前媒體的大小(例如,包含您的應用程序的窗口),您可以從MediaQuery.of返回的MediaQueryData中讀取MediaQueryData.size屬性: Med

原创 Flutter 獲取狀態欄高度、appBar高度 和 手機屏幕寬高

1.獲取狀態欄高度 1.第一種,注意:這裏需要導入 'dart:ui' 包 import 'dart:ui'; MediaQueryData.fromWindow(window).padding.top 2.第二種, MediaQuer

原创 flutter json_annotation和json_serializable處理json數據序列化

flutter json_annotation和json_serializable處理json數據序列化 導包 dependencies: json_annotation: ^2.4.0 dev_dependencies:

原创 Dart list add()和addAll方法使用

可變列表可以在運行時動態增長。所述 List.add() 函數將指定值到列表的結尾,並返回修改的列表對象。下面說明了相同的內容。 List l = [1,2,3]; l.add(12); print(l); } 它將產生以下 輸出

原创 Flutter cached_network_image圖片緩存異常/加載失敗優化

很多應用都會這麼操作,把一些圖像進行緩存可以提升用戶體驗,也能減輕資源浪費,這裏以cached_network_image爲例。它可以將網絡圖像進行本地緩存,在需要的時候直接加載,提供了兩個使用方法: CachedNetworkImage

原创 Flutter 使用image_gallery_saver保存圖片

Flutter  使用image_gallery_saver保存圖片 其實我們開發項目app的時候, 你會發現有很多問題, 比如保存圖片功能時 ,不僅導入包依賴包: image_gallery_saver 就能解決問題的. 備註: 圖片拖動

原创 flutter dio網絡請求封裝實現

flutter dio網絡請求封裝實現 文章友情鏈接:   https://juejin.im/post/6844904098643312648 在Flutter項目中使用網絡請求的方式大致可分爲兩種,分別是Dart原生的網絡請求 Htt

原创 flutter vscode 安卓打包apk文件

  配置   VSCode默認是沒有使用密鑰簽名的,往往我們在正式項目中是需要簽名的。那就創建好了。。。所以需要自己創建並使用密鑰簽名 步驟一 創建密鑰庫 執行以下命令: keytool -genkey -v -keystore F:/k

原创 Flutter 登錄頁面

Flutter 一個漂亮的登錄頁面 項目地址:   https://github.com/whiskyma/flutter_demo_login flutter-demo-login 快速構建Flutter項目基礎模板搭建,並完成登錄頁製作

原创 Flutter 自定義封裝widget以及如何使用

前言 前面已經通過三個篇幅向大家介紹了Flutter原生提供的常用Widget和其使用方法,實際開發中我們會遇到一些特殊的需求或者規範一些常用的Widget作爲基礎UI組件來使用,這時我們就需要根據需求自定義Widget了。Flutter中

原创 Flutter Toast消息提示框插件

Flutter Toast消息提示框插件 在開發flutter項目中,想必大家肯定會用到toast消息提示,說到這裏, 大家肯定會想到https://pub.dev/ 插件庫, 但是插件市場上有太多類似的插件.其中使用較多的就是flutte

原创 flutter 設置狀態欄的背景與顏色

flutter 設置狀態欄的背景與顏色 導包 import 'dart:io'; import 'package:flutter/services.dart';   在main()函數中添加以下函數, void mai

原创 flutter 如何修改返回按鈕的顏色

flutter 如何修改返回按鈕的顏色 如果想設置AppBar返回按鈕的顏色,可以通過修改相對應主題色的方式來完成,示例代碼如下: appBar: AppBar( iconTheme: IconThemeData(

原创 flutter 製作一個用戶登錄頁面

flutter 製作一個用戶登錄頁面 用戶登錄效果圖如下:   登錄頁面如下: import 'package:flutter/material.dart'; import 'package:flutter/rendering.dart

原创 Flutter color顏色用法

系統的color 查看Color的源碼: static const Color black = Color(0xFF000000); 可以看到,這裏的black也是賦值封裝好的,我們可以直接調用(Colors.black 即可)。 當然