Oxy Expo SDK

A professional React Native/Expo SDK for integrating Oxy authentication and account management into your mobile applications. The Oxy Expo SDK provides a suite of polished, production-ready UI components for user authentication, registration, and account management, designed to work seamlessly with the Oxy API ecosystem.
Table of Contents
Features
- Modern, accessible authentication UI for Expo/React Native
- Sign in, sign up, and account management modals
- Google Account-style Account Center with tabbed navigation
- Easy integration with Oxy API and @oxyhq/services
- TypeScript support and extensible component props
Installation
npm install @oxyhq/expo-sdk
# or
yarn add @oxyhq/expo-sdk
Dependencies
Usage
import { SignInButton, SignInModal, SignUpModal, AccountCenterModal } from '@oxyhq/expo-sdk';
// Example: Sign In Button
<SignInButton onPress={() => setSignInVisible(true)} />
// Example: Sign In Modal
<SignInModal
visible={signInVisible}
onClose={() => setSignInVisible(false)}
onSuccess={user => console.log('Signed in:', user)}
/>
Components
Component | Description |
---|
SignInButton | Button for "Sign In with Oxy" |
SignInModal | Modal for user sign in |
SignUpModal | Modal for new user registration |
OxyAuth | Provider for Oxy authentication context |
AccountCenterModal | Google Account-style modal for managing user profile, privacy, security, and subscriptions |
Account Center Example
import { AccountCenterModal } from '@oxyhq/expo-sdk';
const [visible, setVisible] = useState(false);
const user = {
id: 'user-id',
email: 'user@email.com',
username: 'username',
displayName: 'User Name',
photoURL: 'https://example.com/avatar.png',
};
<AccountCenterModal
visible={visible}
onClose={() => setVisible(false)}
user={user}
/>
Contributing
Contributions are welcome! Please open issues or pull requests for bug fixes, improvements, or new features. For major changes, please open an issue first to discuss what you would like to change.
License
MIT