Jacse / react-native-app-intro-slider

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

is there a way to style the next button ? #209

Closed abhidj0090 closed 4 years ago

kg-kartik commented 4 years ago

Yes, you have to manually change the style by changing it in the package files itself. You can go to the node_modules/react-native-app-intro-slider/dist/index.js. And in the index.js file go to the styles part and edit the styles variable 'buttonText` according to your needs. Though, the particular style is for all the bottom texts: skip,next and done.

AguilarJorge commented 4 years ago

@abhidj0090 in the renderNextButton prop call the function thats render your custom button

const _renderCustomNextButton = () => {
    return (
        <View style={{ borderRadius: 20, overflow: 'hidden' }}>
            <Text style={{
                color: 'red',
                padding: 20,
                ...
            }}>Custom Style Button</Text>
        </View>
    );
};

<IntroSlider renderNextButton={ _renderCustomNextButton } />
Jacse commented 4 years ago

Closing this since it seems answered