Example#

1import { ForEach, LazyHStack, Navigation, NavigationStack, Script, ScrollView, Text, VStack } from "scripting"
2
3function Example() {
4
5  return <NavigationStack>
6    <VStack
7      navigationTitle={"LazyHStack"}
8      navigationBarTitleDisplayMode={"inline"}
9    >
10      <ScrollView
11        axes={"horizontal"}
12      >
13        <LazyHStack
14          alignment={"top"}
15          spacing={10}
16        >
17          <ForEach
18            count={100}
19            itemBuilder={index =>
20              <Text
21                padding
22                background={"systemIndigo"}
23                key={index.toString()}
24              >Column {index}</Text>
25            }
26          />
27        </LazyHStack>
28      </ScrollView>
29    </VStack>
30  </NavigationStack>
31}
32
33async function run() {
34  await Navigation.present({
35    element: <Example />
36  })
37  Script.exit()
38}
39
40run()