原创 Flutter之表單組件

目錄 一、Flutter 常用表單介紹 二、TextField 文本框組件 TextField 表單常見屬性: 三、Checkbox、CheckboxListTile 多選框組件 Checkbox 常見屬性: 四、Radio、RadioL

原创 Flutter之get/post網絡請求數據並渲染頁面

1、Flutter Json與Map類型轉換 import 'dart:convetr' json.encode();//Map轉Json json.decode();//Json轉Map 2、Utf8解決亂碼 Utf8Decode

原创 Flutter無法加載webview.trying to create a view with an unregistered type, unregistered view type:

在使用flutterwebview插件的時候,啓動報trying to create a view with an unregistered type, unregistered view type: 解決方案: 在info.plist加

原创 AutomaticKeepAliveClientMixin保持頁面狀態

import 'package:flutter/material.dart'; import 'tabs/Cart.dart'; import 'tabs/Category.dart'; import 'tabs/Home.dart'

原创 Flutter調用原生相機和相冊選擇並使用Dio3上傳到服務器

用到的組件 dio: ^3.0.2 image_picker: ^0.6.0+9 ios需要在info.list加入 <key>NSPhotoLibraryUsageDescription</key> <string>要用

原创 MySQL賦予用戶執行自定義Function的權限

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

原创 Flutter之自定義DatePicker日期插件

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

原创 Flutter之側邊欄Drawer、DrawerHeader、UserAccountsDrawerHeader

Drawer是Scaffold的子組件,在Scaffold傳入drawer參數可以定義左側欄,傳入endDrawer可以定義右側邊欄。 除了Drawer還有DrawerHeader用來定義側邊欄的頭部部分,也可以使用Flutter官方的U

原创 Flutter之按鈕組件

1、常用按鈕 常用按鈕 介紹   RaisedButton 凸起的按鈕,其實就是 Material Design 風格的 Button  FlatButton  扁平化的按鈕 OutlineButton 線框按鈕

原创 Flutter之自定義AppBar及頂部導航切換

AppBar常用屬性 屬性 描述 leading 在標題前面顯示的一個控件,在首頁通常顯示應用的logo;在其他界面通常顯示爲返回按鈕 title 標題,通常顯示爲當前頁面的標題,是一個widget actions 通常使用IconBut

原创 Flutter頁面佈局之Padding、Row、Column、Expanded

目錄 1、Padding組件 2、Row水平佈局組件 3、Column垂直佈局組件 4、Expanded彈性佈局 5、小Demo Padding組件 padding是佈局中最常用的佈局,因爲Flutter中有好多組件並沒有padding屬

原创 Flutter頁面佈局之Stack層疊組件

Stack表示堆的意思,我們可以使用Stack或者結合Align或Positond實現定位佈局 Stack常用屬性: 屬性 說明 alignment 配置所有子元素的顯示位置 children 子元素 結合Position

原创 Flutter之BottomNavigationBar和頁面跳轉

BottomNavigationBar是底部導航欄,是Scaffold的參數   常用參數: 參數名 功能 items List<BottomNavigationBarItem>的集合 iconSize icon大小 onTap

原创 Flutter之自定義AppBar並實現滑動漸變

import 'package:flutter/material.dart'; import 'package:flutter_swiper/flutter_swiper.dart'; //滾動最大距離 const APPBAR_SCR

原创 Flutter之ListViewBuilder組件的使用

 適合在多數據的列表下使用。 import 'package:flutter/material.dart'; void main()=>runApp(MyApp()); class MyApp extends Stateles