{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"fieldgroup-universal","type":"registry:item","title":"FieldGroup","description":"A universal @expo/ui container for scrollable groups of settings-style rows on Android, iOS and web.","files":[{"path":"snippets/fieldgroup-universal.tsx","content":"import { useState } from \"react\";\nimport { useColorScheme } from \"react-native\";\nimport { Host, FieldGroup, Switch, Text } from \"@expo/ui\";\n\nexport default function FieldGroupExample() {\n  const [notifications, setNotifications] = useState(true);\n  const [analytics, setAnalytics] = useState(false);\n  const colorScheme = useColorScheme();\n  const ink = { color: colorScheme === \"dark\" ? \"#FFFFFF\" : \"#000000\" };\n\n  return (\n    <Host style={{ flex: 1 }}>\n      <FieldGroup>\n        <FieldGroup.Section title=\"Notifications\">\n          <Switch label=\"Push\" value={notifications} onValueChange={setNotifications} />\n          <Switch label=\"Email\" value={analytics} onValueChange={setAnalytics} />\n        </FieldGroup.Section>\n\n        <FieldGroup.Section title=\"About\">\n          <Text textStyle={ink}>Version 1.0.0</Text>\n        </FieldGroup.Section>\n      </FieldGroup>\n    </Host>\n  );\n}\n","type":"registry:file","target":"~/snippets/fieldgroup-universal.tsx"}],"author":"expo","dependencies":["@expo/ui"]}