fix(ImagePicker): 增加图片上传组件

ChenlingasMx · ChenlingasMx · commit e4923c7c66c7 · 2023-04-11T14:13:06.000+08:00
diff --git a/example/examples/src/routes.tsx b/example/examples/src/routes.tsx
@@ -490,4 +490,12 @@ export const stackPageData: Routes[] = [
       description: 'form',
     },
   },
+  {
+    name: 'ImagePicker',
+    component: require('./routes/ImagePicker').default,
+    params: {
+      title: 'ImagePicker 图片上传',
+      description: '图片上传',
+    },
+  },
 ];
diff --git a/example/examples/src/routes/ActionBar/index.tsx b/example/examples/src/routes/ActionBar/index.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
 import {ActionBar} from '@uiw/react-native';
-import {ImagePicker} from '@uiw/react-native-image-picker';
 import {View, Alert} from 'react-native';
 import {ComProps} from '../../routes';
 import Layout from '../../Layout';
@@ -38,7 +37,6 @@ export default class ActionBarDemo extends React.Component<ActionBarProps> {
               },
             ]}
           />
-          <ImagePicker />
         </View>
       </React.Fragment>
     );
diff --git a/example/examples/src/routes/ImagePicker/index.tsx b/example/examples/src/routes/ImagePicker/index.tsx
@@ -0,0 +1,29 @@
+import React, {useState} from 'react';
+import {View, StyleSheet} from 'react-native';
+import {Button, MaskLayer, Text} from '@uiw/react-native';
+import {ImagePicker} from '@uiw/react-native-image-picker';
+import Layout, {Container} from '../../Layout';
+import {ComProps} from '../../routes';
+
+const {Header, Body, Card, Footer} = Layout;
+
+export interface ImagePickerProps extends ComProps {}
+
+export default function MenuDropdownView(props: ImagePickerProps) {
+  const {route} = props || {};
+  const description = route.params.description;
+  const title = route.params.title;
+  return (
+    <Container>
+      <Layout>
+        <Header title={title} description={description} />
+        <Body>
+          <Card title="基础实例">
+            <ImagePicker />
+          </Card>
+        </Body>
+        <Footer />
+      </Layout>
+    </Container>
+  );
+}
