Function SwitchesExample

example/app/switches.tsx:5–30

()

import { useState } from "react";

export default function SwitchesExample() {
  const [checked, setChecked] = useState(true);

  return (
    <View style={styles.container}>
      <Text style={styles.header}>Switch Example</Text>
      <Switch
        checked={checked}
        onCheckedChange={(v) => {
          console.log("onCheckedChange", v);
          setChecked(v);
        }}
        style={{
          width: 200,
          height: 100,
        }}
        modifier={Modifier.shadow({
          ambientColor: "black",
          elevation: 5,
          shape: "rectangle",
          spotColor: "black",
        }).border({ width: 1, color: "green" })}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {