From f6783c2010eded1b37943fc994c1cd6e1ab3052b Mon Sep 17 00:00:00 2001 From: Henrique Ramos Date: Wed, 5 Oct 2022 07:17:57 -0300 Subject: [PATCH 1/4] Update README.md --- README.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 526bc43..9b117c1 100644 --- a/README.md +++ b/README.md @@ -3,7 +3,11 @@ SkeletonPlaceholder is a React Native library to easily create an amazing loading effect with FlexBox.
Android and iOS -![](https://github.com/chramos/react-native-skeleton-placeholder/tree/master/assets/preview.mp4) +![](https://user-images.githubusercontent.com/20586489/194037825-92efe72b-2e00-407d-8b18-ab949a85e1ea.mp4) + + + + ### Installation From a0cebd2275487abe947e7907011329f1f689752a Mon Sep 17 00:00:00 2001 From: Gleidson Daniel Silva Date: Thu, 13 Oct 2022 10:28:15 -0300 Subject: [PATCH 2/4] Update SkeletonPlaceholder.tsx --- src/SkeletonPlaceholder.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/SkeletonPlaceholder.tsx b/src/SkeletonPlaceholder.tsx index 9f72c04..abc6a25 100644 --- a/src/SkeletonPlaceholder.tsx +++ b/src/SkeletonPlaceholder.tsx @@ -50,7 +50,7 @@ type SkeletonPlaceholderProps = { }; type SkeletonPlaceholderItemProps = ViewStyle & { - style: StyleProp; + style?: StyleProp; }; const SkeletonPlaceholder: React.FC & { From a5154f94e45b31fce67a87e31f50968c785f9102 Mon Sep 17 00:00:00 2001 From: Augusto Barco Date: Thu, 13 Oct 2022 21:41:19 -0400 Subject: [PATCH 3/4] Replace deprecated library, fixes chramos/react-native-skeleton-placeholder#90 --- example/ios/Podfile.lock | 4 ++-- example/package.json | 2 +- example/yarn.lock | 8 ++++---- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/example/ios/Podfile.lock b/example/ios/Podfile.lock index 24b0657..4edaf65 100644 --- a/example/ios/Podfile.lock +++ b/example/ios/Podfile.lock @@ -304,7 +304,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`)" - Yoga (from `../node_modules/react-native/ReactCommon/yoga`) SPEC REPOS: @@ -369,7 +369,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" Yoga: :path: "../node_modules/react-native/ReactCommon/yoga" diff --git a/example/package.json b/example/package.json index ee260ad..454566d 100644 --- a/example/package.json +++ b/example/package.json @@ -11,7 +11,7 @@ "lint": "eslint ." }, "dependencies": { - "@react-native-community/masked-view": "^0.1.11", + "@react-native-masked-view/masked-view": "^0.2.8", "react": "18.2.0", "react-native": "0.64.2", "react-native-linear-gradient": "^2.5.6", diff --git a/example/yarn.lock b/example/yarn.lock index 1123b80..696d453 100644 --- a/example/yarn.lock +++ b/example/yarn.lock @@ -1108,10 +1108,10 @@ eslint-plugin-react-native "3.6.0" prettier "1.16.4" -"@react-native-community/masked-view@^0.1.11": - version "0.1.11" - resolved "https://registry.yarnpkg.com/@react-native-community/masked-view/-/masked-view-0.1.11.tgz#2f4c6e10bee0786abff4604e39a37ded6f3980ce" - integrity sha512-rQfMIGSR/1r/SyN87+VD8xHHzDYeHaJq6elOSCAD+0iLagXkSI2pfA0LmSXP21uw5i3em7GkkRjfJ8wpqWXZNw== +"@react-native-masked-view/masked-view@^0.2.8": + version "0.2.8" + resolved "https://registry.yarnpkg.com/@react-native-masked-view/masked-view/-/masked-view-0.2.8.tgz#34405a4361882dae7c81b1b771fe9f5fbd545a97" + integrity sha512-+1holBPDF1yi/y0uc1WB6lA5tSNHhM7PpTMapT3ypvSnKQ9+C6sy/zfjxNxRA/llBQ1Ci6f94EaK56UCKs5lTA== "@react-native/assets@1.0.0": version "1.0.0" From 50c13048370008069f844066ba40221d65480195 Mon Sep 17 00:00:00 2001 From: Augusto Barco Date: Thu, 13 Oct 2022 21:43:17 -0400 Subject: [PATCH 4/4] Include missing files --- README.md | 8 ++++---- package.json | 6 +++--- src/SkeletonPlaceholder.tsx | 2 +- yarn.lock | 8 ++++---- 4 files changed, 12 insertions(+), 12 deletions(-) diff --git a/README.md b/README.md index 9b117c1..ae841bb 100644 --- a/README.md +++ b/README.md @@ -11,26 +11,26 @@ Android and iOS ### Installation -> Note: This package requires **@react-native-community/masked-view** and **react-native-linear-gradient** +> Note: This package requires **@react-native-masked-view/masked-view** and **react-native-linear-gradient** ###### Step #1 Using yarn: ```bash -yarn add @react-native-community/masked-view react-native-linear-gradient +yarn add @react-native-masked-view/masked-view react-native-linear-gradient ``` Using npm: ```bash -npm install @react-native-community/masked-view react-native-linear-gradient --save +npm install @react-native-masked-view/masked-view react-native-linear-gradient --save ``` If you are running a **react-native** version below 0.60: ```bash -react-native link @react-native-community/masked-view react-native-linear-gradient +react-native link @react-native-masked-view/masked-view react-native-linear-gradient ``` Otherwise: diff --git a/package.json b/package.json index 16ed834..2580686 100644 --- a/package.json +++ b/package.json @@ -23,7 +23,7 @@ "license": "ISC", "devDependencies": { "@react-native-community/eslint-config": "3.0.3", - "@react-native-community/masked-view": "^0.1.11", + "@react-native-masked-view/masked-view": "^0.2.8", "@types/prop-types": "^15.7.3", "@types/react": "^16.9.17", "@types/react-native": "^0.63.17", @@ -37,9 +37,9 @@ "typescript": "^4.0.2" }, "peerDependencies": { - "@react-native-community/masked-view": "^0.1.11", + "@react-native-masked-view/masked-view": "^0.2.8", "react": ">=0.14.8", "react-native": ">=0.50.1", "react-native-linear-gradient": "^2.5.6" } -} \ No newline at end of file +} diff --git a/src/SkeletonPlaceholder.tsx b/src/SkeletonPlaceholder.tsx index 9f72c04..bb35315 100644 --- a/src/SkeletonPlaceholder.tsx +++ b/src/SkeletonPlaceholder.tsx @@ -1,4 +1,4 @@ -import MaskedView from '@react-native-community/masked-view'; +import MaskedView from '@react-native-masked-view/masked-view'; import * as React from 'react'; import { Animated, diff --git a/yarn.lock b/yarn.lock index 50b4179..63a594b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -306,10 +306,10 @@ resolved "https://registry.yarnpkg.com/@react-native-community/eslint-plugin/-/eslint-plugin-1.2.0.tgz#7d6d789ae8edf73dc9bed1246cd48277edea8066" integrity sha512-o6aam+0Ug1xGK3ABYmBm0B1YuEKfM/5kaoZO0eHbZwSpw9UzDX4G5y4Nx/K20FHqUmJHkZmLvOUFYwN4N+HqKA== -"@react-native-community/masked-view@^0.1.11": - version "0.1.11" - resolved "https://registry.yarnpkg.com/@react-native-community/masked-view/-/masked-view-0.1.11.tgz#2f4c6e10bee0786abff4604e39a37ded6f3980ce" - integrity sha512-rQfMIGSR/1r/SyN87+VD8xHHzDYeHaJq6elOSCAD+0iLagXkSI2pfA0LmSXP21uw5i3em7GkkRjfJ8wpqWXZNw== +"@react-native-masked-view/masked-view@^0.2.8": + version "0.2.8" + resolved "https://registry.yarnpkg.com/@react-native-masked-view/masked-view/-/masked-view-0.2.8.tgz#34405a4361882dae7c81b1b771fe9f5fbd545a97" + integrity sha512-+1holBPDF1yi/y0uc1WB6lA5tSNHhM7PpTMapT3ypvSnKQ9+C6sy/zfjxNxRA/llBQ1Ci6f94EaK56UCKs5lTA== "@types/json-schema@^7.0.9": version "7.0.11"