Getting Started with Mobile App Development with React Native/

...

/

Switch

Switch

Learn how to choose between two states or values using the Switch component.

We'll cover the following...

The Switch component in React Native is a controlled component that renders boolean input and modifies its value accordingly. It changes its value based on user decisions. For example, Switch can be used to toggle dark mode inside an application on or off.

Usage

To implement and use the Switch component, we first have to import it from the react-native library.

Press + to interact
import { Switch } from 'react-native';

Once the Switch component has been imported, we can use it inside our application using the <Switch/> tag.

Press + to interact
import React from 'react';
import { Switch } from 'react-native';
const App = () => {
  return (
    <Switch
      value={ false }
      disabled={ false }
    />
  );
}
export default App;

Styling

The Switch component cannot be styled since it is just a controlled ...