原创 IDEA 使用Git圖文詳解

一、配置git路勁: 或 二、克隆項目 或 填寫克隆路徑及輸出路徑 三、上傳項目到git倉庫      1、在你的idea裏新建git倉庫,這是新建本地倉庫,等會會同步到線上git倉庫      2、新建後如果文件名不是綠色的表示沒

原创 Flutter Web的配置、啓動、打包

Flutter Web目前還是預覽版,還有些不是跟移動端那麼成熟,小翼在這裏經過自己的努力調試了一下。廢話不多說,直接擼碼: Flutter Web配置: 1、首先flutterSDK的版本要1.5.4及以上,DartSDK版本要2.3.

原创 列表組件(ListView)

列表在前端是最常見的需求。在Flutter中,用ListView來顯示列表項,支持垂直和水平方向展示,通過一個屬性我們就可以控制其方向,列表有以下分類: 水平的列表 垂直的列表 數據量非常大的列表 矩陣式的列表   常用屬性如下: 屬性

原创 網格列表組件(GridView)

數據量很大時用矩陣方式排列比較清晰,此時用網絡列表組件,即爲GridView組件,可以實現多行多列的應用場景。使用GridView創建網絡列表有多種方式: GridView.count通過單行展示個數創建GridView。 GridVie

原创 圖標(Icon)和圖標按鈕(IconButton)

圖標組件(Icon)爲展示圖標的組件,該組件不可交互,要實現交互的圖標,可以考慮使用IconButton組件。圖標組件相關的組件有一下幾個: IconButton:可交互的Icon。 Icons:框架自帶Icon集合。 IconTheme

原创 步驟條(Stepper)

Stepper 有以下常用屬性:   currentStep → int - 步驟位置。 onStepCancel → VoidCallback - 點擊 cancel 時觸發。 onStepContinue → VoidCallback

原创 圖片組件(Image)

圖片組件(Image)是顯示圖像的組件,Image組件有多重構造函數: new Image:從ImageProvidrer獲取圖像。 new Image.asset:加載資源圖片。 new Image.file:加載本地圖片文件。 new

原创 容器組件(Container)

容器組件(Container)是一個組合Widget,內部有繪製Widget、定位Widget和尺寸Widget,包含一個子Widget,自身具備如alignment、pading等基礎屬性,方便佈局過程中擺放child。Containe

原创 Flutter組件之按鈕(RaisedButton)

凸起按鈕組件(RaisedButton)是Material Design中的button,一個凸起的材質矩形按鈕,它可以響應按下事件,並且按下時會帶一個觸摸的效果。 常用屬性如下: 屬性名 類型 默認值 說明 color

原创 搭建簡單服務器顯示網頁

一、先下載node.js,安裝好, 二、檢查node、npm是否都安裝好,運行命令cmd 如果npm沒有安裝好,請用命令安裝(-g表示全局):npm install http-server -g 注:cnpm(國內鏡像)安裝方法:npm

原创 Flutter用AS打包Android apk應用

terminal執行下列命令: 1.生成key(如果有現成的Key跳過這一步) (1)keytool -genkey -v -keystore ~/key.jks -keyalg RSA -keysize 2048 -validity 1

原创 Flutter常用插件

english_words: ^3.1.0 //處理英語單詞的實用程序 url_launcher: ^5.0.2 //支持web、電話、SMS和電子郵件方案。 1、引用 url_launcher: any 2、使用 launch(url)

原创 Flutter Web的配置和啓動

Flutter Web目前還是預覽版,還有些不是跟移動端那麼成熟,小翼在這裏經過自己的努力調試了一下。廢話不多說,直接擼碼: Flutter Web配置: 1、首先flutterSDK的版本要1.5.4及以上,DartSDK版本要2.3.

原创 Flutter組件之表單

表單是一個包含表單元素的區域。表單元素允許用戶輸入內容,比如:文本域、下拉列表、單選框、複選框等。常見的應用場景有:登錄、註冊、輸入信息等。表單裏有連個重要的組件,一個是Form組件,用來做整個表單提交使用;另一個是TextFormFie

原创 Flutter組件之一行多種顏色文字組件(RichText)

RichText( text: TextSpan( children: <TextSpan>[ TextSpan(