React Native SwiperBoard

🚧 Under Construction: This project is currently under development. Features and documentation may change as the project evolves. Contributions and feedback are welcome!

A customizable and lightweight swiper component for React Native applications.

Features

• Smooth swipe animations
• Customizable styles and behavior
• Easy integration with React Native projects

Installation

npm install react-native-swiperboard

or

yarn add react-native-swiperboard

Usage

import React from 'react';
import { View, Text, StyleSheet } from 'react-native';
import SwiperBoard from 'react-native-swiperboard';

const App = () => {
    const slides = [
        { content: <Text style={styles.text}>Slide 1</Text> },
        { content: <Text style={styles.text}>Slide 2</Text> },
        { content: <Text style={styles.text}>Slide 3</Text> },
    ];

    return (
        <SwiperBoard
            slides={slides}
            onComplete={() => console.log('Swiper completed!')}
        />
    );
};

const styles = StyleSheet.create({
    text: {
        fontSize: 24,
        textAlign: 'center',
        margin: 20,
    },
});

export default App;

Props

| Prop | Type | Default | Description | |---------------|----------|---------|--------------------------------------| | slides | Array | [] | Array of slide objects | | onComplete | Function | null | Callback when swiper is completed | | style | Object | {} | Custom styles for the swiper |

Contributing

Contributions are welcome! Please open an issue or submit a pull request.

License

This project is licensed under the MIT License. See the LICENSE file for details.