原创 Container 組件

一、主要參數說明: alignment: topCenter:頂部居中對齊 topLeft:頂部左對齊 topRight:頂部右對齊 center:水平垂直居中對齊 centerLeft:垂直居中水平居左

原创 Image 組件

主要參數說明: alignment: 圖片的對齊方式 color: 設置圖片的背景顏色,通常和 colorBlendMode 配合一起使用,這樣可以是圖片顏色和背景色混合。上面的圖片就是進行了顏色的混合,綠色背景和圖片紅色的混合

原创 Expanded 組件

一、參數說明: Expanded 可以用在 Row 和 Column 佈局中 flex: 元素佔整個父 Row /Column 的比例 child: 子元素 二、代碼示例: import 'package:flutter/ma

原创 配置文件形式與註解形式的對比

首先,在com.demo.entity目錄中創建兩個類:Address 和 Student 注意:前提 idea 安裝 Lombok 插件,maven 包安裝 lombok 依賴 Address 類: package com.

原创 Paddiing 組件

簡介: 在 html 中常見的佈局標籤都有 padding 屬性,但是 Flutter 中很多 Widget 是沒有 padding 屬性。這個時候我們可以用 Padding 組件處理容器與子元素直接的間距。 一、參數說明: pa

原创 GridView 詳解

一、主要參數: 屬性 類型 說明 scrollDirection Axis 滾動方法 padding EdgeInsetsGeometry 內邊距 resolve bool 組件反向排序 crossAxi

原创 Row 和 Column 組件

一、Row 組件 參數說明 mainAxisAlignment: 主軸的排序方式 crossAxisAlignment: 次軸的排序方式 children: 組件子元素 二、Column 組件 參數說明 mainAxisAl

原创 idea 各模板註釋

一、Class、Inteface、Enum 註釋 註釋代碼: /** * Created: ${USER} * Desc: ${DESCRIPTION} * Date: ${DATE} ${TIME} */ 二、方法模板註釋

原创 Flutter - 3種方式實現圓形背景,圓形頭像

一、Flutter 裏面實現實現圓形剪切有3種方法: Container decoration 裝飾器裏設置圓形+圓角 ClipOval CircleAvatar ClipOval 只能剪切圖片,CircleAvatar 和

原创 Text 組件

一、主要參數說明 textAlign: 文本對齊方式(center 居中,left 左對齊,right 右對齊,justfy 兩端對齊) textDirection: 文本方向(ltr 從左至右,rtl 從右至左) overf

原创 ListView 組件

簡介: ListView是最常用的可滾動組件之一 有三種構建方式: ListView ListView.builder ListView.separated 主要參數說明: scrollDirection: Axis.hori

原创 Container 詳解

代碼示例: import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget

原创 MaterialApp 詳解

一、參數含義 MaterialApp({ Key key, // 設備用於爲用戶識別應用程序的單行描述 this.title = '', // 應用程序默認路由的小部件,用來定義當前應用打開的時候,所顯示的界面 thi

原创 Scaffold 詳解

一、主要的屬性說明 appBar:顯示在界面頂部的一個 AppBar body:當前界面所顯示的主要內容 floatingActionButton: 在 Material 中定義的一個功能按鈕。 persistentFooter

原创 Dart 類的幾個要點

一、new 可要可不要 Dart的第一個版本實例化對象需要new關鍵字,但在Dart 2之後就去掉了new關鍵字 main(List<String> args) { // 調用類名構造函數 Point point1 = n