原创 flutter json工廠模式

請求到的JSON: { "a": "aa", "b": [ { "ba": "b1111", "bb": "b2222" },

原创 flutter 禁止GridView滾動

flutter 禁止GridView滾動: child: GridView.count( physics: NeverScrillableScrollPhysics(), )

原创 flutter 路由插件fluro配置及其使用

flutter 路由插件fluro配置及其使用 pubspec.yaml:引入插件 dependencies: flutter: sdk: flutter fluro: "^1.6.3" 1. 首先創建一個rou

原创 flutter 數據存儲3種方式

flutter 數據存儲3種方式 1. sqflite 插件 官方推薦的重量級存儲插件 需要有sql基礎,對數據庫增刪改查 GitHub地址 學習文檔 相關API 2. shared_preferences插件 官方

原创 flutter 去除超出警報

給超出內容套上SingleChildScrollView組件即可 SingleChildScrollView( child: ... )

原创 flutter 輸入控件

flutter 輸入控件的使用: //1.聲明控件 TextEditingController typeController = TextEditingController() //2.使用輸入框 TextField( c

原创 flutter 頁面緩存

flutter頁面緩存方法: 混入AutomaticKeepAliveClientMixin部件設置頁面緩存: //在動態部件內 class Page1 extends StatefulWidget { @override

原创 flutter 打開外部地圖應用插件

效果圖如下: 1. 配置 pubspec.yaml文件: dependencies: map_launcher: ^0.6.0 2. 調用外部地圖軟件: IconButton(icon: Icon(Icons.map),

原创 flutter Text數字超出全部隱藏 解決方法

如圖: 剛開始是這樣的 問題原因: 前面的 " ID: " 與後面的文字存在間隙 解決方法: //修改前 child: Text("ID: 1114954321", textAlign: TextAlign.r

原创 flutter 頂部狀態欄透明

flutter 頂部狀態欄透明 main.js文件: void main() { //頂部狀態欄透明 SystemChrome.setSystemUIOverlayStyle( SystemUiOverlaySty

原创 flutter 實現底部tabBar 頁面跳轉效果

效果圖如下: 點擊底部tabBar切換頁面 代碼如下: //主頁面底部tabbar import 'package:app_ftr/pages/DyPage.dart'; import 'package:flutter/mate

原创 flutter Provider組件間獲取數據正確用法 (數據訂閱發佈)

1 . 根組件註冊Provider 安裝Provider庫:pubspec.yaml文件 dependencies: flutter: sdk: flutter ... provider: ^4.1.3 註冊

原创 flutter 路由配置多種跳轉與傳參

main.dart文件 //1. 引入路由跳轉的頁面 import 'package:app_ftr/pages/Page1.dart'; import 'package:app_ftr/pages/Page2.dart'; v

原创 flutter 路由守衛

main.dart文件 void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildC

原创 flutter 跳轉頁面傳參與返回參數

普通頁面跳轉 import './Detail.dart'; //1. 跳轉到Detail頁面組件 Navigator.of(context).push( MaterialPageRoute( builder: (context)