File tree Expand file tree Collapse file tree 4 files changed +31
-11
lines changed
Expand file tree Collapse file tree 4 files changed +31
-11
lines changed Original file line number Diff line number Diff line change 1+ # REACT-NATIVE-REANIMATED-FLIP
2+
3+ # Install
4+
5+ ``` sh
6+ yarn add react-native-flip
7+ ```
8+
9+ # Usage
10+
11+ ``` js
12+ < FlipCard
13+ side= {0 }
14+ rotate= " Y"
15+ front= {< Text > Front component< / Text > }
16+ back= {< Text > Back component< / Text > }
17+ / >
18+ ```
19+
20+ for more context see the [ example app.] ( examples/App.tsx )
Original file line number Diff line number Diff line change @@ -12,7 +12,7 @@ const CardSide = ({ title, color }: Props) => {
1212 React . useEffect ( ( ) => {
1313 setInterval ( ( ) => {
1414 setCount ( count => count + Math . floor ( Math . random ( ) * 20 ) )
15- } , 100 )
15+ } , 1000 )
1616 } , [ ] )
1717
1818 return (
Original file line number Diff line number Diff line change 1313 "react-dom" : " 16.8.3" ,
1414 "react-native" : " https://github.com/expo/react-native/archive/sdk-35.0.0.tar.gz" ,
1515 "react-native-gesture-handler" : " ^1.4.1" ,
16- "react-native-reanimated" : " ^1.2 .0" ,
17- "react-native-redash" : " ^8.1 .0" ,
16+ "react-native-reanimated" : " ^1.3 .0" ,
17+ "react-native-redash" : " ^8.2 .0" ,
1818 "react-native-web" : " ^0.11.7"
1919 },
2020 "devDependencies" : {
Original file line number Diff line number Diff line change @@ -4231,15 +4231,15 @@ react-native-gesture-handler@^1.4.1:
42314231 invariant "^2.2.4"
42324232 prop-types "^15.7.2"
42334233
4234- react-native-reanimated@^1.2 .0 :
4235- version "1.2 .0"
4236- resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-1.2 .0.tgz#9219227a52a5dfa4d34c324596d6726ccd874293 "
4237- integrity sha512-vkWRHrPK5qfHP/ZawlRoo38oeYe9NZaaOH/lmFxRcsKzaSK6x3H5ZPXI8lK6MfTLveqwo1QhJje3zIKXO4nQQw ==
4234+ react-native-reanimated@^1.3 .0 :
4235+ version "1.3 .0"
4236+ resolved "https://registry.yarnpkg.com/react-native-reanimated/-/react-native-reanimated-1.3 .0.tgz#581cdb0bd1ff05e7304b116af712ded0c7665ede "
4237+ integrity sha512-KFno6D0q09kx71IDuPa4qeC1t1msALsCMuli3/EN3YDf8XoM2CG53yzhVHMFtmcW0IUCySugHgxQiuT5BzwOPA ==
42384238
4239- react-native-redash@^8.1 .0 :
4240- version "8.1 .0"
4241- resolved "https://registry.yarnpkg.com/react-native-redash/-/react-native-redash-8.1 .0.tgz#f9e21a0b723bb4bbd649d3bd61f4e3ae8b8aab8d "
4242- integrity sha512-rgFwxB/xQML7h4Ph7JLC8ZssS6n5CdeyFE55/uwwZGD9ryDYFZhja0pH7GbIPQfW3OVdOhRF2jclAJ6oglUBIQ ==
4239+ react-native-redash@^8.2 .0 :
4240+ version "8.2 .0"
4241+ resolved "https://registry.yarnpkg.com/react-native-redash/-/react-native-redash-8.2 .0.tgz#228d7d536140b6d9f1febca45ddd2fccb226aece "
4242+ integrity sha512-Z0C3y5U+dfhsBonpOcBxgUbKfI8sb2uVuK15Ls9SK07G0fSzyL2xePQGzlTqizWpuGjaAsGQSbmL61BmaErmgw ==
42434243 dependencies :
42444244 abs-svg-path "^0.1.1"
42454245 normalize-svg-path "^1.0.1"
You can’t perform that action at this time.
0 commit comments