原创 Flutter之下拉刷新和上拉加載

一、下拉刷新 在Flutter中有一個RefreshIndicator,它是一個下拉刷新的widget,通過它我們可實現列表的下拉刷新的操作。   二、上拉加載 在Flutter中有一個ScrollController 列表支持設置con

原创 Flutter頁面佈局之Wrap組件

Wrap可以實現流佈局,單行的Wrap跟Row表現幾乎一致,但Row與Column都是單行單列的,Wrap則突破了這個限制,mainAxis上空間不足時,則向crossAxis上擴展顯示。 常用屬性: 屬性 說明 direction 橫向

原创 Flutter中的普通路由&普通路由傳值和命名路由&命名路由傳值、返回根目錄

在Flutter中 我們通過Navigator組件來管理路由導航 Navigator.push和Navigator.pop Flutter給我們提供了兩種配置路由的跳轉方式:基本路由、命名路由。 一、普通路由 以上篇文章的Home組件爲例

原创 Flutter之RefreshIndicator下拉刷新及ScrollController上拉加載更多

用到的第三方組件: dio: ^3.0.9  用到的官方組件: RefreshIndicator、ScrollController   import 'package:flutter/material.dart'; import 'p

原创 Flutter狀態管理provider

在沒有狀態管理之前,我們使用setState去修改同步渲染本頁面的數據,比如在一個Tab頁,我們點擊一個按鈕,讓數字+1,使用setState即可完成。   那我們想要再另外一個和本頁面完全不相關的Tab頁也完成同步動作,這個時候就要使用

原创 Flutter之圖片placeholder插件&圖片緩存插件

一、圖片placeholder插件的使用: 首先要去鏡像倉庫安裝transparent_image插件->插件直達 import 'package:flutter/material.dart'; import 'package:tran

原创 Xcode出現The package “MobileDevice.pkg” is untrusted.

MacOS老是出現一些莫名其妙的bug-.-. 解決方案: 首先更新xcode; 然後將日期改爲2019/10/01; 然後打開訪達->應用程序->Xcode->右擊顯示包內容->Contents->Packages->安裝MobileD

原创 MySQL非Root用戶執行自定義Function的權限問題 execute command denied to user xxx... for routine xxx.xxxFunction

一般非root用戶是沒有創建和使用function的方法,一般都是root用戶去創建自定義方法 而在項目中一般使用的都是非root用戶 那調用自定義function就會報錯:   Caused by: com.mysql.jdbc.exc

原创 Flutter設置橫線

直接使用Divider()組件即可 就是這樣的效果 

原创 Flutter之ExpansionTile可展開的列表

 源碼 class ExpansionTile extends StatefulWidget { /// Creates a single-line [ListTile] with a trailing button that ex

原创 Mybatis遍歷查詢模糊匹配Like SQL、Mybatis遍歷in查詢SQL

需求:根據id模糊匹配相應的數據,因爲每條數據中有好多id,所以要模糊匹配。 參數爲id的list集合 返回map <select id="aa" resultType="java.util.Map" parameterType

原创 Flutter事件總線event_bus

在Flutter中,一個頁面可能有多個分離的組件組成 假設:我們有一個頁面叫A,在A頁面中引入了A1,A2,A3三個子頁面,我們需要在A頁面中調用A1頁面中的彈出框或方法要怎麼實現? 第一種方法 實例化對象,在A的頁面中實例化A1去調用

原创 flutter_cupertino_date_picker的使用

 引用的插件: date_format: ^1.0.8 flutter_localizations: sdk: flutter flutter_cupertino_date_picker: ^1.0.12 impo

原创 Flutter頁面佈局之百分百佈局FractionallySizedBox

import 'package:flutter/material.dart'; class Test extends StatelessWidget { @override Widget build(BuildContext

原创 Flutter頁面佈局之GridView

簡介:GridView是Flutter中用於展示網格佈局的widget,我們通常使用GridView.count構造函數來創建一個GridView demo: import 'package:flutter/material.dart'