search

Jacse / react-native-app-intro-slider

Simple and configurable app introduction slider for react native
MIT License
1.66k stars 330 forks source link

Next and previos text color #155

Closed CodeBunny786 closed 4 years ago

CodeBunny786 commented 4 years ago

HI there every one

can any one tell how change next previous done button color

Thanks in advance
skipbutton-example-2

Jacse commented 4 years ago

You can change this by supplying your own renderNextButton and renderSkipButton-functions

ahtisham09 commented 3 years ago

@CodeBunny786 you can change color by using renderFunction here is the example.

`const _renderNextButton = () => { return (

Next 
);

};

const _renderDoneButton = () => { return (

Done 
);

};

const _renderSkipButton = () => { return (

Skip 
);

};

const _renderPrevButton = () => { return (

Back 
);

};`

<AppIntroSlider renderItem={_renderItem} showSkipButton showPrevButton data={slides} onDone={() => { props.navigation.navigate(Routes.LOGIN_SCREEN); }} dotStyle={{backgroundColor: Colors.backGroundColor}} activeDotStyle={{backgroundColor: Colors.mergenda}} renderNextButton={_renderNextButton} renderDoneButton={_renderDoneButton} renderSkipButton={_renderSkipButton} renderPrevButton={_renderPrevButton} />