feat:Input add editable and returnKeyType

2021-06-11 10:35:41 +08:00
parent 188e3b55f6
commit ff641bf983
4 changed files with 111 additions and 1 deletions
--- a/doric-demo/src/ListInSliderDemo.ts
+++ b/doric-demo/src/ListInSliderDemo.ts
@@ -0,0 +1,40 @@
+import { Color, Group, layoutConfig, list, listItem, modal, Panel, slider, stack, text } from "doric";
+
+@Entry
+class ListInSlider extends Panel {
+    build(root: Group) {
+        slider({
+            layoutConfig: layoutConfig().most(),
+            itemCount: 2,
+            renderPage: (idx) => {
+                if (idx === 0) {
+                    return listItem(
+                        list({
+                            itemCount: 100,
+                            layoutConfig: layoutConfig().most(),
+                            renderItem: (idx) => {
+                                return listItem(
+                                    text({
+                                        text: `Item ${idx}`,
+                                        onClick: () => {
+                                            modal(context).alert(`Clicked ${idx}`)
+                                        }
+                                    }))
+                            }
+                        }),
+                        {
+                            layoutConfig: layoutConfig().most(),
+                        })
+                }
+                return listItem(
+                    stack([], {
+                        layoutConfig: layoutConfig().most(),
+                        backgroundColor: idx === 0 ? Color.BLUE : Color.GREEN,
+                    }),
+                    {
+                        layoutConfig: layoutConfig().most(),
+                    })
+            }
+        }).in(root)
+    }
+}