Guides
Plan-enterprise-icon
Expo Application Services
API Reference

SegmentedControl

It's like a fancy radio button, or in Apple's words: "A horizontal control that consists of multiple segments, each segment functioning as a discrete button" (source). This component renders to a UISegmentedControl on iOS, and to faithful recreations of that control on Android and web (because no equivalent exists on those platforms' standard libraries).

Platform Compatibility

Android DeviceAndroid EmulatoriOS DeviceiOS SimulatorWeb
Status-success-iconStatus-success-iconStatus-success-iconStatus-success-iconStatus-success-icon

Installation

Terminal
→ npx expo install @react-native-segmented-control/segmented-control

If you're installing this in a bare React Native app, you should also follow these additional installation instructions.

Usage

See full documentation at react-native-community/segmented-control.
  • Message-iconAsk a question on the forums about SegmentedControl
  • Github-iconView open bug reports for SegmentedControl
  • Code-iconView source code for SegmentedControl
  • Build-iconView package in npm Registry
  • Edit-iconEdit this page

Was this doc helpful?