@mindinventory/react-native-bus-seat-layout

A @mindinventory/react-native-bus-seat-layout library provides seats layout for bus booking, you can give custom styles of seat numbers. also can give images for seat. you have to provide number of rows that you need to draw layout, you will get selected seats from props.

Installation

using npm:

npm install @mindinventory/react-native-bus-seat-layout

using yarn:

yarn add @mindinventory/react-native-bus-seat-layout

Preview

Supported platform

Android
Ios

Usage

import SeatsLayout from "@mindinventory/react-native-bus-seat-layout";

<SeatsLayout
    row={14}
    layout={{ columnOne: 3, columnTwo: 2 }}
    selectedSeats={[
        { seatNumber: 1, seatType: 'booked' },
        { seatNumber: 11, seatType: 'women' },
        { seatNumber: 17, seatType: 'women' },
        { seatNumber: 43, seatType: 'blocked' },
    ]}
    numberTextStyle={{ fontSize: 12 }}
    seatImage={{ image: SleeperSeatIcon, tintColor: '#B2B2B2' }}
    getBookedSeats={(seats) => {
        console.log('getBookedSeats :: ', seats);
    }}
/>

Props to use

Parameter	Type	Description
row	number	Set number of rows to draw seat layout.
layout	Layout (Optional)	Default value `columnOne: 2` & `columnTwo: 2`.
driverPosition	string (Optional)	Accepts string args among `left` or `right`. Default is `right`.
isSleeperLayout	boolean (Optional)	Accepts boolean value either `true` or `false`. Default is `false`.
maxSeatToSelect	number (Optional)	Allow uset to select maximum number of seats to book in one go. Default value `7`.
selectedSeats	Array (Optional)	Accepts value seatNumber `number` and seatType `number` which accepts value from (`booked` or `women` or `blocked`). Default its set to blank array.

Contributing!

See the contributing guide to learn how to contribute to the repository and the development workflow.

License!

@mindinventory/react-native-bus-seat-layout MIT-licensed.

Let us know!

If you use our open-source libraries in your project, please make sure to credit us and Give a star to www.mindinventory.com