User profile header with stats, actions and a tabbed content grid.
import { ProfileScreen } from "@/screens/profile-screen";
return (
<ProfileScreen
user={{ name: "Hilal Ahmad", handle: "hilal", bio: "Building lokalhost.io — UI for the web and mobile." }}
stats={[
{ label: "Posts", value: "248" },
{ label: "Followers", value: "12.4k" },
{ label: "Following", value: "180" },
]}
media={[photos, photos.slice(0, 4), []]}
onEdit={() => router.push("/edit-profile")}
onShare={() => Share.share({ message: "https://localhostui.com/@hilal" })}
/>
);| Prop | Type | Default | Description |
|---|---|---|---|
userrequired | { name; handle; bio; avatar? } | — | Profile owner. |
statsrequired | { label: string; value: string }[] | — | Counters under the header. |
media | string[][] | [[], [], []] | Image URIs per tab: Posts, Saved, Tagged. |
onEdit | () => void | undefined | Edit profile action. |
onShare | () => void | undefined | Share button handler. |