File tree 2 files changed +36
-3
lines changed
2 files changed +36
-3
lines changed Original file line number Diff line number Diff line change 4
4
5
5
` $ npm install react-native-reanimated-curve-tab-bar --save `
6
6
7
+ or
8
+
9
+ ` $ yarn add react-native-reanimated-curve-tab-bar `
10
+
11
+
7
12
### Mostly automatic installation
8
13
9
14
` $ react-native link react-native-reanimated-curve-tab-bar `
12
17
``` javascript
13
18
import ReanimatedCurveTabBar from ' react-native-reanimated-curve-tab-bar' ;
14
19
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
+ / >
17
48
```
Original file line number Diff line number Diff line change 16
16
},
17
17
"repository" : " git+https://github.com/reuvenaor/react-native-reanimated-curve-tab-bar.git" ,
18
18
"keywords" : [
19
- " react-native"
19
+ " react-native" ,
20
+ " react-native-reanimated" ,
21
+ " react-native-gesture-handler"
20
22
],
21
23
"author" : " Reuven Naor <reuvenaor85@gmail.com>" ,
22
24
"license" : " MIT" ,
You can’t perform that action at this time.
0 commit comments