Complete mobile auth, embedded in minutes

import 'package:kembo/kembo.dart';

class ProfileScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final user = KemboScope.of(context).user;
    if (user == null) return const AuthView();

    return Column(
      children: [
        CircleAvatar(
          backgroundImage:
            NetworkImage(user.avatarUrl!),
        ),
        Text(user.name!),
        Text(user.email!),
      ],
    );
  }
}

import { useAuth, useUser } from "@kembo/expo";

export function Profile() {
  const { isSignedIn } = useAuth();
  const { user } = useUser();

  if (!isSignedIn) return <AuthView />;

  return (
    <View>
      <Image source={{ uri: user.avatarUrl }} />
      <Text>{user.name}</Text>
      <Text>{user.email}</Text>
    </View>
  );
}

import 'package:kembo/kembo.dart';

class ProfileScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final user = KemboScope.of(context).user;
    if (user == null) return const AuthView();

    return Column(
      children: [
        CircleAvatar(
          backgroundImage:
            NetworkImage(user.avatarUrl!),
        ),
        Text(user.name!),
        Text(user.email!),
      ],
    );
  }
}

import { useAuth, useUser } from "@kembo/capacitor";

export function Profile() {
  const { isSignedIn } = useAuth();
  const { user } = useUser();

  if (!isSignedIn) return <AuthView />;

  return (
    <div>
      <img src={user.avatarUrl} alt="" />
      <p>{user.name}</p>
      <p>{user.email}</p>
    </div>
  );
}

import { useAuth, useUser } from "@kembo/web";

export function Profile() {
  const { isSignedIn } = useAuth();
  const { user } = useUser();

  if (!isSignedIn) return <AuthView />;

  return (
    <div>
      <img src={user.avatarUrl} alt="" />
      <p>{user.name}</p>
      <p>{user.email}</p>
    </div>
  );
}