tianzixuan/Doric
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

update scroller in list demo

Browse Source
This commit is contained in:
王劲鹏 2022-08-23 17:13:41 +08:00 committed by osborn
parent 0926c923c9
commit 87501e0eb3
1 changed files with 49 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

98
doric-demo/src/ScrollerInListDemo.ts
View File

@ -13,56 +13,59 @@ class ScrollerInListDemo extends Panel {
itemCount: this.data.length,
renderItem: (idx) => {
if (idx % 3 === 0) {
return listItem(scroller(
hlayout([
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
height: 80,
width: 160,
backgroundColor: colors[idx % colors.length],
}),
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
height: 80,
width: 160,
backgroundColor: colors[idx % colors.length],
}),
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
height: 80,
width: 160,
backgroundColor: colors[idx % colors.length],
}),
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
height: 80,
width: 160,
backgroundColor: colors[idx % colors.length],
}),
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
height: 80,
width: 160,
backgroundColor: colors[idx % colors.length],
}),
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
height: 80,
width: 160,
backgroundColor: colors[idx % colors.length],
return listItem(
scroller(
hlayout([
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
height: 80,
width: 160,
backgroundColor: colors[idx % colors.length],
}),
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
height: 80,
width: 160,
backgroundColor: colors[idx % colors.length],
}),
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
height: 80,
width: 160,
backgroundColor: colors[idx % colors.length],
}),
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
height: 80,
width: 160,
backgroundColor: colors[idx % colors.length],
}),
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
height: 80,
width: 160,
backgroundColor: colors[idx % colors.length],
}),
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
height: 80,
width: 160,
backgroundColor: colors[idx % colors.length],
})
]).apply({
space: 10,
})
]).apply({
space: 10,
).apply({
layoutConfig: layoutConfig().just(),
height: 80,
width: Environment.screenWidth,
})
).apply({
layoutConfig: layoutConfig().fitWidth().justHeight(),
height: 100,
}))
)
} else {
return listItem(scroller(
return listItem(
hlayout([
stack([]).apply({
layoutConfig: layoutConfig().justWidth().justHeight(),
layoutConfig: layoutConfig().just(),
height: 80,
width: Environment.screenWidth,
backgroundColor: colors[idx % colors.length],
@ -70,10 +73,7 @@ class ScrollerInListDemo extends Panel {
]).apply({
space: 10,
})
).apply({
layoutConfig: layoutConfig().fitWidth().justHeight(),
height: 100,
}))
)
}
},
layoutConfig: layoutConfig().most(),