使用Tween動畫,改變控件距左距離
成都創(chuàng)新互聯-專業(yè)網站定制、快速模板網站建設、高性價比麻陽網站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式麻陽網站制作公司更省心,省錢,快速模板網站建設找我們，業(yè)務覆蓋麻陽地區(qū)。費用合理售后完善，十載實體公司更值得信賴。
展開時,展示菜單控件,動畫正向執(zhí)行;收起后,動畫反向執(zhí)行,隱藏菜單控件;
源碼分析：
分析源碼可得，TextField 是有狀態(tài) StatefulWidget，有豐富的屬性，自定義化較高，實踐中需要合理利用各種回調；
1、光標的相關屬性；cursorColor 為光標顏色，cursorWidth 為光標寬度，cursorRadius 為光標圓角；其中 Radius 提供了 circle 圓角和 elliptical 非圓角兩種；
2、textAlign 為文字起始位置，可根據業(yè)務光標居左/居右/居中等；注意只是文字開始方向；textDirection 問文字內容方向，從左向右或從右向左；
3、maxLength 為字符長度，設置時默認是展示一行，且右下角有編輯長度與整體長度對比；與 maxLengthEnforced 配合，maxLengthEnforced 為 true 時達到最大字符長度后不可編輯；為 false 時可繼續(xù)編輯展示有差別；
4、設置 maxLength 之后右下角默認有字符計數器，設置 TextField.noMaxLength 即可只展示輸入字符數；
5、maxLines 為允許展現的最大行數，在使用 maxLength 時內容超過一行不會自動換行，因為默認 maxLines=1，此時設置為 null 或固定展示行數即可自動換行；區(qū)別在于 null 會展示多行，而 maxLines 最多只展示到設置行數；
6、obscureText 是否隱藏編輯內容，常見的密碼格式；
7、enableInteractiveSelection 長按是否出現【剪切/復制/粘貼】菜單；不可為空；
8、keyboardAppearance 為鍵盤亮度，包括 Brightness.dark/light 兩種，但僅限于 iOS 設備；
9、textCapitalization 文字大小寫；理論上 sentences 為每句話第一個字母大寫；characters為每個字母大寫；words 為每個單詞首字母大寫；但該屬性僅限于 text keybord，和尚在本地更換多種方式并未實現，有待研究；
10、keyboardType 為鍵盤類型，和尚理解整體分為數字鍵盤和字母鍵盤等；根據設置的鍵盤類型，鍵盤會有差別；
a. 數字鍵盤
--1-- datetime 鍵盤上可隨時訪問 : 和 /；
--2-- phone 鍵盤上可隨時訪問 # 和 *；
--3-- number 鍵盤上可隨時訪問 + - * /
b. 字母鍵盤
--1-- emailAddress 鍵盤上可隨時訪問 @ 和 .；
--2-- url 鍵盤上可隨時訪問 / 和 .；
--3-- multiline 適用于多行文本換行；
--4-- text 默認字母鍵盤；
11、textInputAction 通常為鍵盤右下角操作類型，類型眾多，建議多多嘗試；
12、autofocus 是否自動獲取焦點，進入頁面優(yōu)先獲取焦點，并彈出鍵盤，若頁面中有多個 TextField 設置 autofocus 為 true 則優(yōu)先獲取第一個焦點；
13、focusNode 手動獲取焦點，可配合鍵盤輸入等減少用戶操作次數，直接獲取下一個 TextField 焦點；
14、enabled 設為 false 之后 TextField 為不可編輯狀態(tài)；
15、decoration 為邊框修飾，可以借此來調整 TextField 展示效果；可以設置前置圖標，后置圖片，邊框屬性，內容屬性等，會在后續(xù)集中嘗試；若要完全刪除裝飾，將 decoration 設置為空即可；
16、inputFormatters 為格式驗證，例如原生 Android 中通常會限制輸入手機號或其他特殊字符，在 Flutter 中也可以借此來進行格式限制，包括正則表達式；使用時需要引入 package:flutter/services.dart；
a. LengthLimitingTextInputFormatter 限制最長字符；
b. WhitelistingTextInputFormatter 僅允許輸入白名單中字符；如 digitsOnly 僅支持數字 [0-9]；
c. BlacklistingTextInputFormatter 防止輸入黑名單中字符；如 singleLineFormatter 強制輸入單行；
分析源碼 RegExp("[/]") 可以設置正則表達式；
17、onChanged 文本內容變更時回調，可實時監(jiān)聽 TextField 輸入內容；
18、controller 文本控制器，監(jiān)聽輸入內容回調；
19、onTap 點擊 TextField時回調；
20、onEditingComplete 在提交內容時回調，通常是點擊回車按鍵時回調；
21、onSubmit 在提交時回調，不可與 onEditingComplete 同時使用，區(qū)別在于 onSubmit 是帶返回值的回調；
問題小結：
當 TextField 設置 enableInteractiveSelection 屬性后長按會出現菜單，默認為英文，可通過設置 Flutter 國際化來處理；
（1）在 pubspec.yaml 中集成 flutter_localizations；
2）在 MaterialApp 中設置本地化代理和支持的語言類型；
（1）將 maxLength 設置為 null 僅使用 LengthLimitingTextInputFormatter 限制最長字符；
（2）設置 InputDecoration 中 decoration 屬性為空；但是底部有空余，只是隱藏而并非消失；
（該路徑會有變化，可以關注Flutter社區(qū)，隨時更新）
Documents為目錄，fluttersdk為sdk文件夾
cd 到對應的項目工程中執(zhí)行命令：
在終端中執(zhí)行 flutter doctor 查看Android和iOS的開發(fā)環(huán)境，監(jiān)測到依賴若有缺失，會給出缺失的依賴的安裝結果，依照提示進行安裝即可。
在命令終端執(zhí)行相關命令：
打開Android Studio應用，打開菜單項Preferences Plugins中搜索Flutter插件并點擊install進行安裝
打開 VS Code，可點擊 View - Command Palette，搜索flutter并點擊install進行安裝
Flutter是一個移動應用程序的軟件開發(fā)工具包（SDK），具有以下特征：
跨平臺應用的框架，沒有使用WebView或者系統平臺自帶的控件，使用自身的高性能渲染引擎自繪
簡化版的瀏覽器，最大限度在android和ios上統一UI，包括業(yè)務邏輯和用戶體驗
開發(fā)語言使用dart，結合C, C++, 和Skia（2D渲染引擎）構建
支持hot reload，包含著完整的控件和工具鏈
一切皆控件，控件是每個Flutter應用程序的基本構建塊，與分離視圖、控制器、布局和其他屬性的框架不同，Flutter具有一致的統一對象模型：控件。一個控件可以定義：結構元素（比如按鈕或菜單）、風格元素（比如字體或顏色方案）、布局的方面（比如填充）、一些業(yè)務邏輯等
組合大于繼承，控件本身通常由許多小型、單用途的控件組成，結合起來產生強大的效果，類的層次結構是扁平的，以最大化可能的組合數量
強化版的WebView，框架僅提供一個View層，大部分功能要依賴原生
目前只能夠運行大部分Dart代碼（不能引入dart:mirrors或dart:html庫）
解決方式：
修改 var/db/lockdown 文件夾的讀寫權限
步驟：
Finder -前往菜單-前往文件夾-進入 /var/db/
找到 lockdown 文件夾 -右鍵，顯示簡介-底部的‘共享與權限’ 項，打開右下角的鎖（輸入電腦密碼）-加號，將自己的賬號添加進權限表中，修改自己的權限為‘讀與寫’ -鎖定權限表即可。
再執(zhí)行 flutter doctor 進行查看即可
重慶分公司
重慶分公司
