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

js: add list scroll to item demo

Browse Source
This commit is contained in:
王劲鹏 2023-08-03 19:03:00 +08:00 committed by osborn
parent c4eee8ad4a
commit 79cef25191
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
doric-demo/src/ListDragDemo.ts
View File

@ -1,4 +1,4 @@
import { Panel, Group, layoutConfig, Color, stack, list, listItem, text, loge } from "doric" import { Panel, Group, layoutConfig, Color, stack, list, listItem, text, loge, List } from "doric"
import { colors } from "./utils" import { colors } from "./utils"
@Entry @Entry
@ -6,6 +6,8 @@ class ListDragDemo extends Panel {
private data = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20] private data = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20]
private list?: List
build(root: Group) { build(root: Group) {
function insertAt(array: Array<any>, index: number, ...elements: Array<any>) { function insertAt(array: Array<any>, index: number, ...elements: Array<any>) {
array.splice(index, 0, ...elements); array.splice(index, 0, ...elements);
@ -13,7 +15,7 @@ class ListDragDemo extends Panel {
stack( stack(
[ [
list({ this.list = list({
itemCount: this.data.length, itemCount: this.data.length,
renderItem: (idx) => { renderItem: (idx) => {
return listItem(text({ return listItem(text({
@ -54,5 +56,12 @@ class ListDragDemo extends Panel {
layoutConfig: layoutConfig().most() layoutConfig: layoutConfig().most()
} }
).in(root) ).in(root)
setTimeout(() => {
this.list!.scrollToItem(this.context, 3, {
animated: true,
topOffset: 0
})
}, 3000)
} }
} }