Skip to content

Commit

Permalink
fixes: masked-view
Browse files Browse the repository at this point in the history
  • Loading branch information
vemarav committed Dec 13, 2021
1 parent 2a40676 commit 7ee33c1
Show file tree
Hide file tree
Showing 10 changed files with 300 additions and 132 deletions.
5 changes: 5 additions & 0 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
{
"files.autoSave": "afterDelay",
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true
}
15 changes: 15 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,21 @@ Download apk to see it in action, [click to download](https://reactnativeavatarc
| ------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- |
| ![video](https://github.com/vemarav/react-native-avatar-crop/raw/main/screenshots/demo.gif) | ![video](https://github.com/vemarav/react-native-avatar-crop/raw/main/screenshots/demo2.gif) |


## Installation

npm

```
npm install react-native-avatar-crop @react-native-masked-view/masked-view @react-native-gesture-handler --save
```

yarn

```
yarn add react-native-avatar-crop @react-native-masked-view/masked-view @react-native-gesture-handler
```

## Usage

check [dependencies](https://www.npmjs.com/package/react-native-avatar-crop?activeTab=dependencies)
Expand Down
17 changes: 5 additions & 12 deletions example/ios/Podfile.lock
Original file line number Diff line number Diff line change
Expand Up @@ -252,9 +252,6 @@ PODS:
- React-jsi (= 0.64.2)
- React-perflogger (= 0.64.2)
- React-jsinspector (0.64.2)
- react-native-image-editor (2.3.0):
- React
- React-RCTImage
- react-native-safe-area-context (3.2.0):
- React-Core
- React-perflogger (0.64.2)
Expand Down Expand Up @@ -321,8 +318,8 @@ PODS:
- React-cxxreact (= 0.64.2)
- React-jsi (= 0.64.2)
- React-perflogger (= 0.64.2)
- RNCMaskedView (0.1.11):
- React
- RNCMaskedView (0.2.6):
- React-Core
- RNGestureHandler (1.10.3):
- React-Core
- RNImageCropPicker (0.36.4):
Expand Down Expand Up @@ -408,7 +405,6 @@ DEPENDENCIES:
- React-jsi (from `../node_modules/react-native/ReactCommon/jsi`)
- React-jsiexecutor (from `../node_modules/react-native/ReactCommon/jsiexecutor`)
- React-jsinspector (from `../node_modules/react-native/ReactCommon/jsinspector`)
- "react-native-image-editor (from `../node_modules/@react-native-community/image-editor`)"
- react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
- React-perflogger (from `../node_modules/react-native/ReactCommon/reactperflogger`)
- React-RCTActionSheet (from `../node_modules/react-native/Libraries/ActionSheetIOS`)
Expand All @@ -422,7 +418,7 @@ DEPENDENCIES:
- React-RCTVibration (from `../node_modules/react-native/Libraries/Vibration`)
- React-runtimeexecutor (from `../node_modules/react-native/ReactCommon/runtimeexecutor`)
- ReactCommon/turbomodule/core (from `../node_modules/react-native/ReactCommon`)
- "RNCMaskedView (from `../node_modules/@react-native-community/masked-view`)"
- "RNCMaskedView (from `../node_modules/@react-native-masked-view/masked-view`)"
- RNGestureHandler (from `../node_modules/react-native-gesture-handler`)
- RNImageCropPicker (from `../node_modules/react-native-image-crop-picker`)
- RNReanimated (from `../node_modules/react-native-reanimated`)
Expand Down Expand Up @@ -476,8 +472,6 @@ EXTERNAL SOURCES:
:path: "../node_modules/react-native/ReactCommon/jsiexecutor"
React-jsinspector:
:path: "../node_modules/react-native/ReactCommon/jsinspector"
react-native-image-editor:
:path: "../node_modules/@react-native-community/image-editor"
react-native-safe-area-context:
:path: "../node_modules/react-native-safe-area-context"
React-perflogger:
Expand Down Expand Up @@ -505,7 +499,7 @@ EXTERNAL SOURCES:
ReactCommon:
:path: "../node_modules/react-native/ReactCommon"
RNCMaskedView:
:path: "../node_modules/@react-native-community/masked-view"
:path: "../node_modules/@react-native-masked-view/masked-view"
RNGestureHandler:
:path: "../node_modules/react-native-gesture-handler"
RNImageCropPicker:
Expand Down Expand Up @@ -544,7 +538,6 @@ SPEC CHECKSUMS:
React-jsi: 67747b9722f6dab2ffe15b011bcf6b3f2c3f1427
React-jsiexecutor: 80c46bd381fd06e418e0d4f53672dc1d1945c4c3
React-jsinspector: cc614ec18a9ca96fd275100c16d74d62ee11f0ae
react-native-image-editor: 9361a215c3991cafbe5e7f28cbbad6e72c9c2705
react-native-safe-area-context: f0906bf8bc9835ac9a9d3f97e8bde2a997d8da79
React-perflogger: 25373e382fed75ce768a443822f07098a15ab737
React-RCTActionSheet: af7796ba49ffe4ca92e7277a5d992d37203f7da5
Expand All @@ -558,7 +551,7 @@ SPEC CHECKSUMS:
React-RCTVibration: 24600e3b1aaa77126989bc58b6747509a1ba14f3
React-runtimeexecutor: a9904c6d0218fb9f8b19d6dd88607225927668f9
ReactCommon: 149906e01aa51142707a10665185db879898e966
RNCMaskedView: 0e1bc4bfa8365eba5fbbb71e07fbdc0555249489
RNCMaskedView: c298b644a10c0c142055b3ae24d83879ecb13ccd
RNGestureHandler: a479ebd5ed4221a810967000735517df0d2db211
RNImageCropPicker: 73891a709e6fd8a47d32104d942757971f220aee
RNReanimated: 9c13c86454bfd54dab7505c1a054470bfecd2563
Expand Down
6 changes: 2 additions & 4 deletions example/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,14 @@
"postinstall": "cd ios && pod install && cd .."
},
"dependencies": {
"@react-native-community/image-editor": "^2.3.0",
"@react-native-community/masked-view": "^0.1.11",
"@react-native-masked-view/masked-view": "^0.2.6",
"@react-navigation/native": "^5.9.4",
"@react-navigation/stack": "^5.14.5",
"react": "17.0.1",
"react-native": "0.64.2",
"react-native-avatar-crop": "1.1.1",
"react-native-avatar-crop": "file:../package",
"react-native-gesture-handler": "^1.10.3",
"react-native-image-crop-picker": "^0.36.4",
"react-native-image-size": "^1.1.3",
"react-native-reanimated": "^2.2.0",
"react-native-safe-area-context": "^3.2.0",
"react-native-screens": "^3.4.0"
Expand Down
31 changes: 11 additions & 20 deletions example/yarn.lock
Original file line number Diff line number Diff line change
Expand Up @@ -1173,19 +1173,14 @@
resolved "https://registry.npmjs.org/@react-native-community/eslint-plugin/-/eslint-plugin-1.1.0.tgz"
integrity sha512-W/J0fNYVO01tioHjvYWQ9m6RgndVtbElzYozBq1ZPrHO/iCzlqoySHl4gO/fpCl9QEFjvJfjPgtPMTMlsoq5DQ==

"@react-native-community/image-editor@^2.3.0":
"@react-native-community/image-editor@https://github.com/vemarav/react-native-image-editor":
version "2.3.0"
resolved "https://registry.npmjs.org/@react-native-community/image-editor/-/image-editor-2.3.0.tgz"
integrity sha512-+UJY8WkTkfSkjoU5blQnEI7tTg11jJLoM+YojjiQpEopUaRlYQU4SZ9Zd6F6wWfvc9bjvIeMY6FlKuESK/q4fQ==
resolved "https://github.com/vemarav/react-native-image-editor#081db98b4c9b70d86247cbbd0b5ce916aa97ce64"

"@react-native-community/image-editor@git+https://github.com/vemarav/react-native-image-editor.git":
version "2.3.0"
resolved "git+https://github.com/vemarav/react-native-image-editor.git#081db98b4c9b70d86247cbbd0b5ce916aa97ce64"

"@react-native-community/masked-view@*", "@react-native-community/masked-view@^0.1.11":
version "0.1.11"
resolved "https://registry.npmjs.org/@react-native-community/masked-view/-/masked-view-0.1.11.tgz"
integrity sha512-rQfMIGSR/1r/SyN87+VD8xHHzDYeHaJq6elOSCAD+0iLagXkSI2pfA0LmSXP21uw5i3em7GkkRjfJ8wpqWXZNw==
"@react-native-masked-view/masked-view@^0.2.6":
version "0.2.6"
resolved "https://registry.yarnpkg.com/@react-native-masked-view/masked-view/-/masked-view-0.2.6.tgz#b26c52d5db3ad0926b13deea79c69620966a9221"
integrity sha512-303CxmetUmgiX9NSUxatZkNh9qTYYdiM8xkGf9I3Uj20U3eGY3M78ljeNQ4UVCJA+FNGS5nC1dtS9GjIqvB4dg==

"@react-native/assets@1.0.0":
version "1.0.0"
Expand Down Expand Up @@ -5605,14 +5600,10 @@ react-is@^16.13.0, react-is@^16.7.0, react-is@^16.8.1:
resolved "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==

react-native-avatar-crop@1.1.1:
version "1.1.1"
resolved "https://registry.npmjs.org/react-native-avatar-crop/-/react-native-avatar-crop-1.1.1.tgz"
integrity sha512-Jbtutzj1Zk+4nLH9ieiozChK8GUeBeGw4UEJJH87OxhlOvYixeFUWOrombCTQFKKrq+q4kbo+THOMcxSteWAMg==
"react-native-avatar-crop@file:../package":
version "1.3.0"
dependencies:
"@react-native-community/image-editor" "https://github.com/vemarav/react-native-image-editor"
"@react-native-community/masked-view" "*"
react-native-gesture-handler "*"
react-native-image-size "*"

react-native-codegen@^0.0.6:
Expand All @@ -5624,7 +5615,7 @@ react-native-codegen@^0.0.6:
jscodeshift "^0.11.0"
nullthrows "^1.1.1"

react-native-gesture-handler@*, react-native-gesture-handler@^1.10.3:
react-native-gesture-handler@^1.10.3:
version "1.10.3"
resolved "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-1.10.3.tgz"
integrity sha512-cBGMi1IEsIVMgoox4RvMx7V2r6bNKw0uR1Mu1o7NbuHS6BRSVLq0dP34l2ecnPlC+jpWd3le6Yg1nrdCjby2Mw==
Expand All @@ -5640,9 +5631,9 @@ react-native-image-crop-picker@^0.36.4:
resolved "https://registry.npmjs.org/react-native-image-crop-picker/-/react-native-image-crop-picker-0.36.4.tgz"
integrity sha512-FOWkYbCEh78V5/aK9HqMSvRnQJtelGwj0UOu1zhE49gO6e4YoKKNBvA15jweAMM/kPA+omDXBIgJaruonoEXGA==

react-native-image-size@*, react-native-image-size@^1.1.3:
react-native-image-size@*:
version "1.1.3"
resolved "https://registry.npmjs.org/react-native-image-size/-/react-native-image-size-1.1.3.tgz"
resolved "https://registry.yarnpkg.com/react-native-image-size/-/react-native-image-size-1.1.3.tgz#7d69c2cd4e1d1632947867e47643ed8cabb9de27"
integrity sha512-jJvN6CjXVAm69LAVZNV7m7r50Qk9vuPZwLyrbs/k31/3Xs8bZyVCdvfP44FuBisITn/yFsiOo6i8NPrFBPH20w==

react-native-iphone-x-helper@^1.3.0:
Expand Down
14 changes: 14 additions & 0 deletions package/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,20 @@ Download apk to see it in action, [click to download](https://reactnativeavatarc
| ------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------- |
| ![video](https://github.com/vemarav/react-native-avatar-crop/raw/main/screenshots/demo.gif) | ![video](https://github.com/vemarav/react-native-avatar-crop/raw/main/screenshots/demo2.gif) |

## Installation

npm

```
npm install react-native-avatar-crop @react-native-masked-view/masked-view @react-native-gesture-handler --save
```

yarn

```
yarn add react-native-avatar-crop @react-native-masked-view/masked-view @react-native-gesture-handler
```

## Usage

check [dependencies](https://www.npmjs.com/package/react-native-avatar-crop?activeTab=dependencies)
Expand Down
Loading

0 comments on commit 7ee33c1

Please sign in to comment.