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