Skip to content

Commit 0762dff

Browse files
WrathChaosWrathChaos
committed
new: AppearFrom and IRNAnimatedProps are exportable now
1 parent 788f2b3 commit 0762dff

File tree

8 files changed

+106
-66
lines changed

8 files changed

+106
-66
lines changed

‎example/App.tsx‎

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,11 @@
11
import React from "react";
22
import { View, Text, StatusBar, SafeAreaView } from "react-native";
33
import AppleHeader from "react-native-apple-header";
4-
import RNAnimated from "react-native-animated-component";
4+
// import RNAnimated from "react-native-animated-component";
5+
import RNAnimated, {
6+
AppearFrom,
7+
IRNAnimatedProps,
8+
} from "./build/dist/RNAnimated";
59
import RNBounceable from "@freakycoder/react-native-bounceable";
610

711
const staticData = [
@@ -55,8 +59,7 @@ const App = () => {
5559
>
5660
<AppleHeader
5761
imageSource={{
58-
uri:
59-
"https://images.unsplash.com/photo-1551292831-023188e78222?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80",
62+
uri: "https://images.unsplash.com/photo-1551292831-023188e78222?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80",
6063
}}
6164
/>
6265
<RNAnimated

‎example/ios/Podfile‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ target 'example' do
1717
#
1818
# Note that if you have use_frameworks! enabled, Flipper will not work and
1919
# you should disable these next few lines.
20-
use_flipper!
20+
use_flipper!('Flipper' => '0.75.1', 'Flipper-Folly' => '2.5.3', 'Flipper-RSocket' => '1.3.1')
2121
post_install do |installer|
2222
flipper_post_install(installer)
2323
end

‎example/ios/Podfile.lock‎

Lines changed: 54 additions & 56 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
PODS:
22
- boost-for-react-native (1.63.0)
3-
- CocoaAsyncSocket (7.6.4)
4-
- CocoaLibEvent (1.0.0)
3+
- CocoaAsyncSocket (7.6.5)
54
- DoubleConversion (1.1.6)
65
- FBLazyVector (0.63.3)
76
- FBReactNativeSpec (0.63.3):
@@ -11,50 +10,50 @@ PODS:
1110
- React-Core (= 0.63.3)
1211
- React-jsi (= 0.63.3)
1312
- ReactCommon/turbomodule/core (= 0.63.3)
14-
- Flipper (0.54.0):
15-
- Flipper-Folly (~> 2.2)
16-
- Flipper-RSocket (~> 1.1)
13+
- Flipper (0.75.1):
14+
- Flipper-Folly (~> 2.5)
15+
- Flipper-RSocket (~> 1.3)
1716
- Flipper-DoubleConversion (1.1.7)
18-
- Flipper-Folly (2.2.0):
17+
- Flipper-Folly (2.5.3):
1918
- boost-for-react-native
20-
- CocoaLibEvent (~> 1.0)
2119
- Flipper-DoubleConversion
2220
- Flipper-Glog
23-
- OpenSSL-Universal (= 1.0.2.19)
21+
- libevent (~> 2.1.12)
22+
- OpenSSL-Universal (= 1.1.180)
2423
- Flipper-Glog (0.3.6)
2524
- Flipper-PeerTalk (0.0.4)
26-
- Flipper-RSocket (1.1.0):
27-
- Flipper-Folly (~> 2.2)
28-
- FlipperKit (0.54.0):
29-
- FlipperKit/Core (= 0.54.0)
30-
- FlipperKit/Core (0.54.0):
31-
- Flipper (~> 0.54.0)
25+
- Flipper-RSocket (1.3.1):
26+
- Flipper-Folly (~> 2.5)
27+
- FlipperKit (0.75.1):
28+
- FlipperKit/Core (= 0.75.1)
29+
- FlipperKit/Core (0.75.1):
30+
- Flipper (~> 0.75.1)
3231
- FlipperKit/CppBridge
3332
- FlipperKit/FBCxxFollyDynamicConvert
3433
- FlipperKit/FBDefines
3534
- FlipperKit/FKPortForwarding
36-
- FlipperKit/CppBridge (0.54.0):
37-
- Flipper (~> 0.54.0)
38-
- FlipperKit/FBCxxFollyDynamicConvert (0.54.0):
39-
- Flipper-Folly (~> 2.2)
40-
- FlipperKit/FBDefines (0.54.0)
41-
- FlipperKit/FKPortForwarding (0.54.0):
35+
- FlipperKit/CppBridge (0.75.1):
36+
- Flipper (~> 0.75.1)
37+
- FlipperKit/FBCxxFollyDynamicConvert (0.75.1):
38+
- Flipper-Folly (~> 2.5)
39+
- FlipperKit/FBDefines (0.75.1)
40+
- FlipperKit/FKPortForwarding (0.75.1):
4241
- CocoaAsyncSocket (~> 7.6)
4342
- Flipper-PeerTalk (~> 0.0.4)
44-
- FlipperKit/FlipperKitHighlightOverlay (0.54.0)
45-
- FlipperKit/FlipperKitLayoutPlugin (0.54.0):
43+
- FlipperKit/FlipperKitHighlightOverlay (0.75.1)
44+
- FlipperKit/FlipperKitLayoutPlugin (0.75.1):
4645
- FlipperKit/Core
4746
- FlipperKit/FlipperKitHighlightOverlay
4847
- FlipperKit/FlipperKitLayoutTextSearchable
4948
- YogaKit (~> 1.18)
50-
- FlipperKit/FlipperKitLayoutTextSearchable (0.54.0)
51-
- FlipperKit/FlipperKitNetworkPlugin (0.54.0):
49+
- FlipperKit/FlipperKitLayoutTextSearchable (0.75.1)
50+
- FlipperKit/FlipperKitNetworkPlugin (0.75.1):
5251
- FlipperKit/Core
53-
- FlipperKit/FlipperKitReactPlugin (0.54.0):
52+
- FlipperKit/FlipperKitReactPlugin (0.75.1):
5453
- FlipperKit/Core
55-
- FlipperKit/FlipperKitUserDefaultsPlugin (0.54.0):
54+
- FlipperKit/FlipperKitUserDefaultsPlugin (0.75.1):
5655
- FlipperKit/Core
57-
- FlipperKit/SKIOSNetworkPlugin (0.54.0):
56+
- FlipperKit/SKIOSNetworkPlugin (0.75.1):
5857
- FlipperKit/Core
5958
- FlipperKit/FlipperKitNetworkPlugin
6059
- Folly (2020.01.13.00):
@@ -67,9 +66,8 @@ PODS:
6766
- DoubleConversion
6867
- glog
6968
- glog (0.3.5)
70-
- OpenSSL-Universal (1.0.2.19):
71-
- OpenSSL-Universal/Static (= 1.0.2.19)
72-
- OpenSSL-Universal/Static (1.0.2.19)
69+
- libevent (2.1.12)
70+
- OpenSSL-Universal (1.1.180)
7371
- RCTRequired (0.63.3)
7472
- RCTTypeSafety (0.63.3):
7573
- FBLazyVector (= 0.63.3)
@@ -304,25 +302,25 @@ DEPENDENCIES:
304302
- DoubleConversion (from `../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec`)
305303
- FBLazyVector (from `../node_modules/react-native/Libraries/FBLazyVector`)
306304
- FBReactNativeSpec (from `../node_modules/react-native/Libraries/FBReactNativeSpec`)
307-
- Flipper (~> 0.54.0)
305+
- Flipper (= 0.75.1)
308306
- Flipper-DoubleConversion (= 1.1.7)
309-
- Flipper-Folly (~> 2.2)
307+
- Flipper-Folly (= 2.5.3)
310308
- Flipper-Glog (= 0.3.6)
311309
- Flipper-PeerTalk (~> 0.0.4)
312-
- Flipper-RSocket (~> 1.1)
313-
- FlipperKit (~> 0.54.0)
314-
- FlipperKit/Core (~> 0.54.0)
315-
- FlipperKit/CppBridge (~> 0.54.0)
316-
- FlipperKit/FBCxxFollyDynamicConvert (~> 0.54.0)
317-
- FlipperKit/FBDefines (~> 0.54.0)
318-
- FlipperKit/FKPortForwarding (~> 0.54.0)
319-
- FlipperKit/FlipperKitHighlightOverlay (~> 0.54.0)
320-
- FlipperKit/FlipperKitLayoutPlugin (~> 0.54.0)
321-
- FlipperKit/FlipperKitLayoutTextSearchable (~> 0.54.0)
322-
- FlipperKit/FlipperKitNetworkPlugin (~> 0.54.0)
323-
- FlipperKit/FlipperKitReactPlugin (~> 0.54.0)
324-
- FlipperKit/FlipperKitUserDefaultsPlugin (~> 0.54.0)
325-
- FlipperKit/SKIOSNetworkPlugin (~> 0.54.0)
310+
- Flipper-RSocket (= 1.3.1)
311+
- FlipperKit (= 0.75.1)
312+
- FlipperKit/Core (= 0.75.1)
313+
- FlipperKit/CppBridge (= 0.75.1)
314+
- FlipperKit/FBCxxFollyDynamicConvert (= 0.75.1)
315+
- FlipperKit/FBDefines (= 0.75.1)
316+
- FlipperKit/FKPortForwarding (= 0.75.1)
317+
- FlipperKit/FlipperKitHighlightOverlay (= 0.75.1)
318+
- FlipperKit/FlipperKitLayoutPlugin (= 0.75.1)
319+
- FlipperKit/FlipperKitLayoutTextSearchable (= 0.75.1)
320+
- FlipperKit/FlipperKitNetworkPlugin (= 0.75.1)
321+
- FlipperKit/FlipperKitReactPlugin (= 0.75.1)
322+
- FlipperKit/FlipperKitUserDefaultsPlugin (= 0.75.1)
323+
- FlipperKit/SKIOSNetworkPlugin (= 0.75.1)
326324
- Folly (from `../node_modules/react-native/third-party-podspecs/Folly.podspec`)
327325
- glog (from `../node_modules/react-native/third-party-podspecs/glog.podspec`)
328326
- RCTRequired (from `../node_modules/react-native/Libraries/RCTRequired`)
@@ -353,14 +351,14 @@ SPEC REPOS:
353351
trunk:
354352
- boost-for-react-native
355353
- CocoaAsyncSocket
356-
- CocoaLibEvent
357354
- Flipper
358355
- Flipper-DoubleConversion
359356
- Flipper-Folly
360357
- Flipper-Glog
361358
- Flipper-PeerTalk
362359
- Flipper-RSocket
363360
- FlipperKit
361+
- libevent
364362
- OpenSSL-Universal
365363
- YogaKit
366364

@@ -420,21 +418,21 @@ EXTERNAL SOURCES:
420418

421419
SPEC CHECKSUMS:
422420
boost-for-react-native: 39c7adb57c4e60d6c5479dd8623128eb5b3f0f2c
423-
CocoaAsyncSocket: 694058e7c0ed05a9e217d1b3c7ded962f4180845
424-
CocoaLibEvent: 2fab71b8bd46dd33ddb959f7928ec5909f838e3f
421+
CocoaAsyncSocket: 065fd1e645c7abab64f7a6a2007a48038fdc6a99
425422
DoubleConversion: cde416483dac037923206447da6e1454df403714
426423
FBLazyVector: 878b59e31113e289e275165efbe4b54fa614d43d
427424
FBReactNativeSpec: 7da9338acfb98d4ef9e5536805a0704572d33c2f
428-
Flipper: be611d4b742d8c87fbae2ca5f44603a02539e365
425+
Flipper: d3da1aa199aad94455ae725e9f3aa43f3ec17021
429426
Flipper-DoubleConversion: 38631e41ef4f9b12861c67d17cb5518d06badc41
430-
Flipper-Folly: c12092ea368353b58e992843a990a3225d4533c3
427+
Flipper-Folly: 755929a4f851b2fb2c347d533a23f191b008554c
431428
Flipper-Glog: 1dfd6abf1e922806c52ceb8701a3599a79a200a6
432429
Flipper-PeerTalk: 116d8f857dc6ef55c7a5a75ea3ceaafe878aadc9
433-
Flipper-RSocket: 64e7431a55835eb953b0bf984ef3b90ae9fdddd7
434-
FlipperKit: ab353d41aea8aae2ea6daaf813e67496642f3d7d
430+
Flipper-RSocket: 127954abe8b162fcaf68d2134d34dc2bd7076154
431+
FlipperKit: 8a20b5c5fcf9436cac58551dc049867247f64b00
435432
Folly: b73c3869541e86821df3c387eb0af5f65addfab4
436433
glog: 40a13f7840415b9a77023fbcae0f1e6f43192af3
437-
OpenSSL-Universal: 8b48cc0d10c1b2923617dfe5c178aa9ed2689355
434+
libevent: 4049cae6c81cdb3654a443be001fb9bdceff7913
435+
OpenSSL-Universal: 1aa4f6a6ee7256b83db99ec1ccdaa80d10f9af9b
438436
RCTRequired: 48884c74035a0b5b76dbb7a998bd93bcfc5f2047
439437
RCTTypeSafety: edf4b618033c2f1c5b7bc3d90d8e085ed95ba2ab
440438
React: f36e90f3ceb976546e97df3403e37d226f79d0e3
@@ -458,6 +456,6 @@ SPEC CHECKSUMS:
458456
Yoga: 7d13633d129fd179e01b8953d38d47be90db185a
459457
YogaKit: f782866e155069a2cca2517aafea43200b01fd5a
460458

461-
PODFILE CHECKSUM: 311cf87a4a33d759b7ec994ec3735e03d4ededbf
459+
PODFILE CHECKSUM: fec3dba33f2962dc296b77040d0a9e7709263a61
462460

463-
COCOAPODS: 1.10.0.rc.1
461+
COCOAPODS: 1.11.0

‎example/ios/example.xcodeproj/project.pbxproj‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -210,6 +210,7 @@
210210
00E356EB1AD99517003FC87E /* Frameworks */,
211211
00E356EC1AD99517003FC87E /* Resources */,
212212
D64FA6EEEE6D8CD9B0505C7E /* [CP] Copy Pods Resources */,
213+
C39B91DAEA000789235277CE /* [CP] Embed Pods Frameworks */,
213214
);
214215
buildRules = (
215216
);
@@ -232,6 +233,7 @@
232233
13B07F8E1A680F5B00A75B9A /* Resources */,
233234
00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */,
234235
7D05D776CC63F4D870897498 /* [CP] Copy Pods Resources */,
236+
4B9085381A8B1DA83C0E6BE3 /* [CP] Embed Pods Frameworks */,
235237
);
236238
buildRules = (
237239
);
@@ -391,6 +393,24 @@
391393
shellPath = /bin/sh;
392394
shellScript = "export NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh";
393395
};
396+
4B9085381A8B1DA83C0E6BE3 /* [CP] Embed Pods Frameworks */ = {
397+
isa = PBXShellScriptBuildPhase;
398+
buildActionMask = 2147483647;
399+
files = (
400+
);
401+
inputPaths = (
402+
"${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-frameworks.sh",
403+
"${PODS_XCFRAMEWORKS_BUILD_DIR}/OpenSSL-Universal/OpenSSL.framework/OpenSSL",
404+
);
405+
name = "[CP] Embed Pods Frameworks";
406+
outputPaths = (
407+
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/OpenSSL.framework",
408+
);
409+
runOnlyForDeploymentPostprocessing = 0;
410+
shellPath = /bin/sh;
411+
shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-example/Pods-example-frameworks.sh\"\n";
412+
showEnvVarsInLog = 0;
413+
};
394414
7D05D776CC63F4D870897498 /* [CP] Copy Pods Resources */ = {
395415
isa = PBXShellScriptBuildPhase;
396416
buildActionMask = 2147483647;
@@ -431,6 +451,24 @@
431451
shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n";
432452
showEnvVarsInLog = 0;
433453
};
454+
C39B91DAEA000789235277CE /* [CP] Embed Pods Frameworks */ = {
455+
isa = PBXShellScriptBuildPhase;
456+
buildActionMask = 2147483647;
457+
files = (
458+
);
459+
inputPaths = (
460+
"${PODS_ROOT}/Target Support Files/Pods-example-exampleTests/Pods-example-exampleTests-frameworks.sh",
461+
"${PODS_XCFRAMEWORKS_BUILD_DIR}/OpenSSL-Universal/OpenSSL.framework/OpenSSL",
462+
);
463+
name = "[CP] Embed Pods Frameworks";
464+
outputPaths = (
465+
"${TARGET_BUILD_DIR}/${FRAMEWORKS_FOLDER_PATH}/OpenSSL.framework",
466+
);
467+
runOnlyForDeploymentPostprocessing = 0;
468+
shellPath = /bin/sh;
469+
shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-example-exampleTests/Pods-example-exampleTests-frameworks.sh\"\n";
470+
showEnvVarsInLog = 0;
471+
};
434472
CBA3E6C2F424CC5CCBED12CB /* [CP] Check Pods Manifest.lock */ = {
435473
isa = PBXShellScriptBuildPhase;
436474
buildActionMask = 2147483647;

‎lib/RNAnimated.tsx‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,12 +3,14 @@ import { View, StyleProp, ViewStyle, FlatList, Alert } from "react-native";
33
/**
44
* ? Local Imports
55
*/
6-
import AnimatedChildren, { AppearFrom } from "./components/AnimatedChildren";
6+
import AnimatedChildren from "./components/AnimatedChildren";
77
type CustomStyleProp = StyleProp<ViewStyle> | Array<StyleProp<ViewStyle>>;
88
const DEFAULT_DELAY = 200;
99
const ANIMATION_DURATION = 300;
1010

11-
interface IRNAnimatedProps {
11+
export type AppearFrom = "left" | "right" | "top" | "bottom";
12+
13+
export interface IRNAnimatedProps {
1214
style?: CustomStyleProp;
1315
children?: React.ReactNode;
1416
initialDelay?: number;

‎lib/components/AnimatedChildren.tsx‎

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,7 @@ import {
99
outputRangeByAppearFrom,
1010
initialPositionByAppearFrom,
1111
} from "./AnimatedUtils";
12-
13-
export type AppearFrom = "left" | "right" | "top" | "bottom";
12+
import { AppearFrom } from "../RNAnimated";
1413

1514
interface IAnimatedChildrenProps extends ViewProps {
1615
delay: number;

‎lib/components/AnimatedUtils.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { AppearFrom } from "./AnimatedChildren";
1+
import { AppearFrom } from "../RNAnimated";
22

33
const INITIAL_POSITION_POSITIVE = 20;
44
const INITIAL_POSITION_NEGATIVE = -INITIAL_POSITION_POSITIVE;

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "react-native-animated-component",
3-
"version": "0.1.0",
3+
"version": "0.2.0",
44
"description": "Animate any components with React Native Animated Component",
55
"main": "./build/dist/RNAnimated.js",
66
"repository": "git@github.com:WrathChaos/react-native-animated-component.git",

0 commit comments

Comments
 (0)