React Native SDK for Opal integration
npm install @methodfi/opal-react-nativeReact Native SDK for integrating Method Opal into your mobile applications.
``bash`
npm install @methodfi/opal-react-nativeor
yarn add @methodfi/opal-react-native
Wrap your app with the OpalProvider:
`tsx
import { OpalProvider } from '@methodfi/opal-react-native';
export default function App() {
return (
);
}
`
Use the useOpal hook in your components:
`tsx
import { useOpal, OpalEventType } from '@methodfi/opal-react-native';
function Screen() {
const { open } = useOpal({
env: 'dev',
onOpen: () => {},
onExit: () => {},
onEvent: event => {
switch (event.type) {
case OpalEventType.SESSION_STARTED:
// ...
break;
case OpalEventType.SESSION_COMPLETED:
// ...
break;
case OpalEventType.SESSION_ERRORED:
// ...
break;
case OpalEventType.SESSION_EXITED:
// ...
break;
}
},
});
const onLaunchOpal = async () => {
// Resulting token from POST /opal/token (otkn_*)
const token = await getOpalToken();
open({ token });
};
return ;
}
``