Segmented Control

Overview:

The @react-native-segmented-control/segmented-control is a library that supports iOS, Android, and Web platforms. It provides a SegmentedControl component to render a UISegmentedControl on iOS, with a JavaScript implementation for Android and Web that mimics the iOS 13 style.

Features:

• Cross-Platform Support: Works on iOS, Android, and Web platforms.
• Native UI Rendering: Renders a UISegmentedControl on iOS.
• JavaScript Implementation: Provides a JS implementation for Android and Web to mimic iOS style.
• React Native Version Support: Compatible with React Native v0.57 and above.
• Easy Installation: Install using package managers like npm, yarn, or pnpm.
• Autolinking Support: Supports autolinking for React Native v0.60+ projects.
• Customization: Allows programmatically changing the selected index.

Installation:

To install the @react-native-segmented-control/segmented-control library, follow these steps based on your package manager:

• npm:

  npm install @react-native-segmented-control/segmented-control
  

• yarn:

  yarn add @react-native-segmented-control/segmented-control
  

• pnpm:

  pnpm add @react-native-segmented-control/segmented-control
  

For React Native v0.60+, the package is automatically linked during the build. For manual linking or React Native versions below v0.60, follow the provided instructions.

Summary:

The @react-native-segmented-control/segmented-control library is a versatile solution for incorporating segmented controls in React Native applications across multiple platforms. Its support for iOS, Android, and Web, along with easy installation and customization options, make it a valuable tool for developers seeking to enhance user interactions in their projects.