Skip to content

Commit 65529ab

Browse files
committed
update README and json
1 parent c5be8ee commit 65529ab

File tree

2 files changed

+36
-3
lines changed

2 files changed

+36
-3
lines changed

README.md

+33-2
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,11 @@
44

55
`$ npm install react-native-reanimated-curve-tab-bar --save`
66

7+
or
8+
9+
`$ yarn add react-native-reanimated-curve-tab-bar`
10+
11+
712
### Mostly automatic installation
813

914
`$ react-native link react-native-reanimated-curve-tab-bar`
@@ -12,6 +17,32 @@
1217
```javascript
1318
import ReanimatedCurveTabBar from 'react-native-reanimated-curve-tab-bar';
1419

15-
// TODO: What to do with the module?
16-
ReanimatedCurveTabBar;
20+
// TODO:
21+
<Mnav
22+
duration={250}
23+
height={220}
24+
topGap={15}
25+
marginBottom={23} // circle marginBottom: 1.7-1.8 (distance from ground)
26+
27+
scaleYCircle={1.4} // glich anime in the bottom of picked: 0.7- 1.4
28+
29+
translateY={-5} // circle translateY: - => top ; + => bottom
30+
lockTranslateYAnime={true}
31+
32+
scale={1.4} // circle scale anime
33+
lockScaleAnime={true}
34+
35+
onPress={(btnNum) => console.log(btnNum)}
36+
37+
tabColor={'white'} // circle scale anime
38+
backgroundColor={grad1}
39+
40+
sidesRadius={1} // multipling the default sides radius 0.1 - 1
41+
42+
iconsArray={[
43+
<Text>{1}</Text>,
44+
// ...
45+
<Text>{7}</Text>
46+
]}
47+
/>
1748
```

package.json

+3-1
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,9 @@
1616
},
1717
"repository": "git+https://github.com/reuvenaor/react-native-reanimated-curve-tab-bar.git",
1818
"keywords": [
19-
"react-native"
19+
"react-native",
20+
"react-native-reanimated",
21+
"react-native-gesture-handler"
2022
],
2123
"author": "Reuven Naor <reuvenaor85@gmail.com>",
2224
"license": "MIT",

0 commit comments

Comments
 (0)