File tree Expand file tree Collapse file tree 1 file changed +5
-18
lines changed Expand file tree Collapse file tree 1 file changed +5
-18
lines changed Original file line number Diff line number Diff line change 66[ ![ npm] ( https://badgen.net/npm/v/rn-segmented-control )] ( https://www.npmjs.com/package/rn-segmented-control )
77[ ![ ] ( https://badgen.net/npm/types/tslib )] ( https://badgen.net/npm/types/tslib )
88
9- ![ SegmentedControl (1) ] ( https://user-images.githubusercontent.com/35562287/149624807-88be6b2c-e9ee-4f1d-80d9-8b3711df0a70 .gif )
9+ ![ SegmentedControl] ( https://user-images.githubusercontent.com/35562287/149650171-3cd9c972-6cf5-4aef-989f-199820d5b0e6 .gif )
1010React Native Segmented Control for both iOS, Android and Web 😎
1111
1212</div >
@@ -41,8 +41,8 @@ Make sure you have [React Native Reanimated](https://docs.swmansion.com/react-na
4141| pressableWrapper | Style object for the Pressable Container | NO | ViewStyle | {} |
4242| tileStyle | Style object for the Absolute positioned tile | NO | ViewStyle | {} |
4343| activeBadgeStyle | Active Badge Style | NO | ViewStyle | {} |
44- | tileStyle | Inactive Badge Style | NO | ViewStyle | {} |
45- | tileStyle | Badge text styles | NO | TextStyle | {} |
44+ | inactiveBadgeStyle | Inactive Badge Style | NO | ViewStyle | {} |
45+ | badgeTextStyle | Badge text styles | NO | TextStyle | {} |
4646
4747> :warning : all View styles or Text Styles passed as props overrides some default styles provided by the package. Make sure you use it properly :)
4848
@@ -83,26 +83,13 @@ const styles = StyleSheet.create({
8383 marginHorizontal: 16 ,
8484 marginVertical: 16 ,
8585 },
86- customBlackColor: {
87- color: ' black' ,
88- },
89- customWhiteColor: {
90- color: ' white' ,
91- },
92- customGreenColor: {
93- color: ' #3f6212' ,
94- },
95- customBlueColor: {
96- backgroundColor: ' #e0f2fe' ,
97- },
98- customBlueTextColor: {
99- color: ' #0369a1' ,
100- },
10186});
10287```
10388
10489### Working Examples
10590
91+ Check the expo example app [ here] ( https://github.com/Karthik-B-06/react-native-segmented-control/tree/main/example ) .
92+
10693## :iphone : iOS and Android working Example.
10794
10895![ SegmentedControl] ( https://user-images.githubusercontent.com/35562287/149624111-2b3d1f7f-a685-404a-a167-f7020706880d.gif )
You can’t perform that action at this time.
0 commit comments