Grouped settings with account card, toggles, pickers and a sign-out row.
import { SettingsScreen } from "@/screens/settings-screen";
return (
<SettingsScreen
user={{ name: "Hilal Ahmad", email: "hilal@localhostui.com" }}
version={Application.nativeApplicationVersion ?? "dev"}
onNavigate={(route) => router.push(`/settings/${route}`)}
onSignOut={() =>
Alert.alert("Sign out?", undefined, [
{ text: "Cancel", style: "cancel" },
{ text: "Sign out", style: "destructive", onPress: () => router.replace("/sign-in") },
])
}
/>
);| Prop | Type | Default | Description |
|---|---|---|---|
userrequired | { name: string; email: string } | — | Shown in the account card. |
onNavigaterequired | (route: "account" | "notifications" | "privacy" | "language" | "help") => void | — | Row press handler. |
onSignOutrequired | () => void | — | Destructive row handler. |
version | string | "1.0.0" | Shown at the bottom. |