fix:新增@uiw/react-native-image-picker

Author: ChenlingasMx

example/base/metro.config.js

@@ -10,6 +10,7 @@ module.exports = {
   resolver: {
     extraNodeModules: {
       '@uiw/react-native': path.resolve(`${__dirname}/lib/`),
+      '@uiw/react-native-image-picker': path.resolve(`${__dirname}/lib2/`),
       // '@uiw/react-native': path.resolve(`${__dirname}/../../packages/core/`),
       // 'react-native-svg': path.resolve(
       //   `${__dirname}/../../node_modules/react-native-svg/`,

example/base/package.json

@@ -11,7 +11,8 @@
   },
   "dependencies": {
     "@uiw/react-native": "3.2.3",
-    "react": "18.0.0",
+    "@uiw/react-native-image-picker": "3.2.3",
+    "react": "18.2.0",
     "react-native": "0.69.7",
     "react-native-svg": "12.1.1"
   },

example/examples/lib2/ImagePicker/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ImagePicker: () => JSX.Element;
+export default ImagePicker;

example/examples/lib2/ImagePicker/index.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import {View, Text, StyleSheet} from 'react-native';
+const ImagePicker = () => {
+  return (
+    <View style={styles.tree}>
+      <Text>ImagePicker</Text>
+    </View>
+  );
+};
+const styles = StyleSheet.create({
+  tree: {
+    paddingHorizontal: 10,
+    paddingVertical: 5,
+    backgroundColor: '#fff',
+  },
+});
+export default ImagePicker;

example/examples/lib2/index.d.ts

@@ -0,0 +1,2 @@
+export {default as ImagePicker} from './ImagePicker';
+export * from './ImagePicker';

example/examples/lib2/index.js

@@ -0,0 +1,2 @@
+export {default as ImagePicker} from './ImagePicker';
+export * from './ImagePicker';

example/examples/metro.config.js

@@ -10,6 +10,7 @@ module.exports = {
   resolver: {
     extraNodeModules: {
       '@uiw/react-native': path.resolve(`${__dirname}/lib/`),
+      '@uiw/react-native-image-picker': path.resolve(`${__dirname}/lib2/`),
       // '@uiw/react-native': path.resolve(`${__dirname}/../../packages/core/`),
       // 'react-native-svg': path.resolve(
       //   `${__dirname}/../../node_modules/react-native-svg/`,

example/examples/package.json

@@ -14,12 +14,13 @@
     "@react-navigation/native": "~6.0.11",
     "@react-navigation/stack": "~6.2.2",
     "@uiw/react-native": "3.2.3",
-    "react": "18.0.0",
+    "react": "18.2.0",
     "react-native": "0.69.7",
     "react-native-gesture-handler": "~2.5.0",
     "react-native-safe-area-context": "~4.3.1",
     "react-native-screens": "~3.15.0",
-    "react-native-svg": "12.1.1"
+    "react-native-svg": "12.1.1",
+    "@uiw/react-native-image-picker": "3.2.3"
   },
   "devDependencies": {
     "@babel/core": "~7.20.7",

example/examples/src/routes/ActionBar/index.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import {ActionBar, Button, Icon} from '@uiw/react-native';
+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';
@@ -37,6 +38,7 @@ export default class ActionBarDemo extends React.Component<ActionBarProps> {
               },
             ]}
           />
+          <ImagePicker />
         </View>
       </React.Fragment>
     );

package.json

@@ -25,7 +25,15 @@
     "build": "npm run lib:build && npm run lib:build:base && npm run lib:build:examples && npm run lib:build:test && npm run build:doc",
     ">>>>>>>": ">>>>>>>",
     "lib:build": "lerna exec --scope @uiw/react-native -- tsbb build --disable-babel-option --no-esm",
-    "lib:watch": "lerna exec --scope @uiw/react-native -- tsbb watch --disable-babel-option --no-esm",
+    "lib:watch": "lerna exec --scope @uiw/react-native  -- tsbb watch --disable-babel-option --no-esm",
+    "⬇️⬇️⬇️⬇️⬇️ image-picker ⬇️⬇️⬇️⬇️⬇️": "▼▼▼▼▼ example::base ▼▼▼▼▼",
+    "lib:build:image-picker": "lerna exec --scope @uiw/react-native-image-picker -- tsbb build",
+    "lib:watch:image-picker": "lerna exec --scope @uiw/react-native-image-picker -- tsbb watch",
+    "lib:build:examples:image-picker": "lerna exec --scope @uiw/react-native-image-picker -- tsbb build --disable-babel-option --no-esm --cjs ../../example/examples/lib2",
+    "lib:watch:examples:image-picker": "lerna exec --scope @uiw/react-native-image-picker -- tsbb watch --disable-babel-option --no-esm --cjs ../../example/examples/lib2",
+    "lib:build:base:image-picker": "lerna exec --scope @uiw/react-native-image-picker -- tsbb build --disable-babel-option --no-esm --cjs ../../example/base/lib2",
+    "lib:watch:base:image-picker": "lerna exec --scope @uiw/react-native-image-picker -- tsbb watch --disable-babel-option --no-esm --cjs ../../example/base/lib2",
+    "⬆️⬆️⬆️⬆️⬆️ image-picker ⬆️⬆️⬆️⬆️⬆️": "▲▲▲▲▲ example::base ▲▲▲▲▲",
     "start": "lerna exec --scope website -- npm run start",
     "doc": "lerna exec --scope website -- npm run build",
     "<<<<<<<": "<<<<<<<",
@@ -45,7 +53,7 @@
     "babel-preset-react-native": "4.0.1",
     "fs-extra": "~10.1.0",
     "metro-react-native-babel-preset": "0.73.6",
-    "react": "18.0.0",
+    "react": "18.2.0",
     "react-native": "0.69.7"
   },
   "dependencies": {
@@ -56,6 +64,10 @@
     "tsbb": "^3.7.6",
     "typescript": "^4.7.4"
   },
+  "resolutions": {
+    "react":"~18.2.0",
+    "react-dom": "~18.2.0"
+  },
   "workspaces": {
     "packages": [
       "example/*",