Flutter ListView列表元件基礎

2021-10-03 15:59:11 字數 2610 閱讀 4663

listview

屬性釋義

scrolldirection

axis.horizoontal 水平

padding

內邊距resolve

元件反向排序

children

列表元素

垂直列表

// 預設為垂直列表

// leading : 類似每個item的頭像

// title : item標題

// subtitle: item的副標題

// trailing: i尾部

return listview(

padding: edgeinsets.all(10),

children: [

listtile(

leading: image.network(

""),

title: text('title'),

subtitle: text("subtitle"),

),listtile(

leading: image.network(

"g"),

title: text('title'),

subtitle: text("subtitle"),

),listtile(

title: text('title'),

subtitle: text("subtitle"),

trailing: icon(icons.home),

),listtile(

leading: icon(icons.pages),

title: text('title'),

subtitle: text("subtitle"),

),listtile(

leading: icon(icons.settings),

title: text('title'),

subtitle: text("subtitle"),

),listtile(

leading: icon(

icons.home,

color: colors.yellow,

),title: text('title'),

subtitle: text("subtitle"),

),listtile(

leading: icon(icons.pages),

title: text('title'),

subtitle: text("subtitle"),)],

);// 水平列表

listview(

scrolldirection: axis.horizontal,

children: [

container(

width: 180.0,

color: colors.red,

),container(

width: 180.0,

color: colors.orange,

child: listview(

children: [

image.network(""),

text('我是乙個文字')

],),

),container(

width: 180.0,

color: colors.blue,

),container(

width: 180.0,

color: colors.deeporange,

),container(

width: 180.0,

color: colors.deeppurpleaccent,

),],

);

動態列表

eg1:從元件陣列中獲取item元件

class homecontent extends statelesswidget 

@override

widget build(buildcontext context)

}

eg2: 從元件陣列中獲取元件
class homecontent extends statelesswidget 

return list;

} @override

widget build(buildcontext context)

}

eg3: 從外部資料獲取item資料
list listdata=[

, ,

, ,

, ,

];

class homecontent extends statelesswidget );

return templist.tolist();

} @override

widget build(buildcontext context)

}

eg4: 使用listview.builder建立listview
widget  _getdata(context, index) 

@override

widget build(buildcontext context)

uni app元件 資訊列表元件

之前我一直在,要想提高自己的 質量,就一定要封裝自己的元件,所以我就盡量使用自己的元件。這樣可以提高自己的效率 寫元件的好處 減少 的冗餘 封裝元件的時候,為了不讓子元素的padding,影響父級元素的寬度。父級元素使用了怪異盒子 怪異盒子 不會計算padding box sizing border...

python的基礎列表 Python列表基礎

1 列表索引 從左往右,從0開始計數。2 列表切片 起始 終止,按從左往右的規則記憶。正向切片 步長預設為1,起始索引大於終止索引,左閉右開區間,從左往右切 反向切片 步長預設為1,起始索引大於終止索引,左閉右開區間,從右往左切 3 列表的運算 算數運算 1 進行列表的拼接。2 重複列表的元素生成新...

OpenIPMP元件列表

media encoding tool 是用來保護數字產品,並將其註冊到drm系統中。通常是使用加密的手段來保護數字產品。user registration service 是乙個伺服器端提供的服務,允許使用者在drm系統中註冊,在註冊的過程中,為使用者分配id以及證書等,使用者可以使用它們與伺服器...