search

jfilter / react-native-onboarding-swiper

🛳 Delightful onboarding for your React-Native app
https://www.npmjs.com/package/react-native-onboarding-swiper
Other
971 stars 179 forks source link

BottomBar Position #114

Closed vaikunth-gloify closed 2 years ago

vaikunth-gloify commented 3 years ago

How to change the BottomBar position of Skip and Next buttons ? whether we can change or it's fixed ?

Screenshot 2021-09-01 at 12 31 16 PM
jotilohana commented 2 years ago

@vaikunth-gloify did you solve this? I also want to change background color

vaikunth-gloify commented 2 years ago

@vaikunth-gloify did you solve this? I also want to change background color

No @jotilohana , I tried but time is not there for me. So, I changed the library for swiper

martinapereyra commented 2 years ago

How did you change the color of the buttons from white to black?

jotilohana commented 2 years ago

@martinapereyra You can customize the buttons using "NextButtonComponent" and "SkipButtonComponent "

jeremiahjoyjoseph commented 2 years ago

You can use

bottomBarHeight (optional): a number for the height of the bottom bar. Defaults to 60. bottomBarColor (optional): backgroundColor of the bottom bar. Defaults to transparent. bottomBarHighlight (optional): a bool flag indicating whether the bottom bar should be highlighted. Defaults to true.

bottomBarHeight will change the footerBackground color, and setting the bottomBarHighlight to false will remove the shade.

You can hide the skip button by setting showSkip={false}.

jfilter commented 2 years ago

You can customize the components: https://github.com/jfilter/react-native-onboarding-swiper#custom-components-properties