@beaverfy/expo-fitbit
Add fitbit authentication to your expo managed react native apps
Getting Started
Installation
Using yarn
yarn add @beaverfy/expo-fitbitUsing NPM
npm install @beaverfy/expo-fitbitGetting Credentials
Register an app on dev.fitbit.com, fill out your app details and select client, since we'll be using the credentials in our app
Once you've created your app, edit your app to have the redirect url: scheme://fitbit (replacing scheme with your app's scheme)
Intergrating into your project
We're still working on this section
Wrap your app in FitbitProvider:
import { FitbitProvider } from "@beaverfy/expo-fitbit";
import Constants from "expo-constants";
import { MMKV } from 'react-native-mmkv';
export const storage = new MMKV({
id: `authentication`,
encryptionKey: 'random-password'
});
<FitbitProvider configuration={{
clientId: "CLIENT_ID",
clientSecret: "CLIENT_SECRET",
appScheme: Constants.expoConfig.scheme,
scopes: ["profile"],
storage: {
get: (key) => storage.getString(key),
set: (key, value) => storage.set(key, value)
},
onLogin(user) => console.log("User logged in:", user);
}}>
{/* app code... */}
</FitbitProvider>Get the user's profile data with the useFitbit hook:
const {
userData,
isLoading,
isLoggedIn
} = useFitbit();
return <Text>Logged in as: {userData?.name}</Text>