segmented-control-rn

React Native Segmented control

!example.png

Installation

``sh
npm install segmented-control-rn
`

Usage

`js
import React, { useState } from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
import SegmentedControl from "segmented-control-rn";

const INACTIVE_COLOR = 'rgba(0, 0, 0, 0.5)';
const ACTIVE_COLOR = 'rgb(0, 0, 0)';

const segments = [
{
active: First,
inactive: First,
},
{
active: Second,
inactive: Second,
},
{
active: Third,
inactive: Third,
},
];

// ...

const [activeIndex, setActiveIndex] = useState(0);

return (
onChange={(index) => setActiveIndex(index)}
segments={segments}
selectedIndex={activeIndex}
/>
);
`

Props

$3

Background color of the Segmented Control.

| Type | Required | Default value |
| ------ | -------- | ------------- |
| string | No | #E6EAF2 |

$3

Primary color of the active segment

| Type | Required | Default value |
| ------ | -------- | ------------- |
| string | No | #FFFFFF |

$3

Index of the selected segment.

| Type | Required | Default value |
| ------ | -------- | ------------- |
| number | Yes | 0 |

$3

If it true then makes segments disabled and sets opacity to 0.4`.

| Type | Required | Default value |
| ------ | -------- | ------------- |
| number | No | false |

Contributing

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

License

MIT