uiwjs
diff --git a/‎example/examples/src/routes.tsx
Lines changed: 8 additions & 0 deletions b/‎example/examples/src/routes.tsx
Lines changed: 8 additions & 0 deletions
diff --git a/‎example/examples/src/routes/Tree/index.tsx
Lines changed: 73 additions & 0 deletions b/‎example/examples/src/routes/Tree/index.tsx
Lines changed: 73 additions & 0 deletions
diff --git a/‎packages/core/src/Tree/index.tsx
Lines changed: 5 additions & 0 deletions b/‎packages/core/src/Tree/index.tsx
Lines changed: 5 additions & 0 deletions
@@ -450,6 +450,14 @@ export const stackPageData: Routes[] = [
       description: '可自定义拖曳抽屉高度',
     },
   },
+  {
+    name: 'Tree',
+    component: require('./routes/Tree').default,
+    params: {
+      title: 'Tree 树形展示',
+      description: '树形展示',
+    },
+  },
   {
     name: 'TreeSelect',
     component: require('./routes/TreeSelect').default,
 
@@ -0,0 +1,73 @@
+import React from 'react';
+import {Tree, DragDrawer, Icon} from '@uiw/react-native';
+import {ComProps} from '../../routes';
+import Layout, {Container} from '../../Layout';
+const {Header, Body} = Layout;
+
+export interface TreeViewProps extends ComProps {}
+
+export default class TreeDemo extends React.Component<TreeViewProps> {
+  render() {
+    const {route} = this.props;
+    const description = route.params.description;
+    const title = route.params.title;
+    const option = [
+      {
+        label: '一栋',
+        value: '01',
+        children: [
+          {
+            label: '一单元',
+            value: '01-1',
+            children: [{label: '一层', value: '01-1-1', children: [{label: '101', value: '01-1-1-1'}]}],
+          },
+          {
+            label: '一单元1',
+            value: '01-2',
+          },
+          {
+            label: '一单元2',
+            value: '01-3',
+          },
+        ],
+      },
+      {
+        label: '二栋',
+        value: '02',
+        children: [
+          {
+            label: '二单元',
+            value: '02-1',
+          },
+          {
+            label: '二单元1',
+            value: '02-2',
+          },
+          {
+            label: '二单元2',
+            value: '02-3',
+          },
+        ],
+      },
+    ];
+    return (
+      <Container>
+        <Layout>
+          <Header title={title} description={description} />
+          <React.Fragment>
+            <Body style={{paddingLeft: 16, paddingRight: 16}}>
+              <Tree
+                defaultValue={['01', '01-1', '01-1-1', '01-1-1-1']}
+                // activeColor="red"
+                options={option}
+                onChange={(value: any, nodes: any) => {
+                  console.log(value, nodes);
+                }}
+              />
+            </Body>
+          </React.Fragment>
+        </Layout>
+      </Container>
+    );
+  }
+}
@@ -0,0 +1,5 @@
+import { Tree } from './tree';
+
+export type { TreeProps, TreeOption } from './tree';
+
+export default Tree;