1.0.40 • Published 6 months ago
@appboxo/react-native-sdk v1.0.40
Appboxo SDK for React Native
A react native wrapper over Appboxo SDK for IOS and Android.
Getting started:
yarn add @appboxo/react-native-sdk
or
npm install @appboxo/react-native-sdk
Next for IOS:
cd ios && pod install
Usage:
import React from 'react';
import appboxo from '@appboxo/react-native-sdk';
import { StyleSheet, View, Button } from 'react-native';
export default function App() {
React.useEffect(() => {
appboxo.setConfig('[client_id]', false, false); //set your Appboxo client_id, sandbox mode (by default is "false") and specify multitask mode (by default is "true")
}, [])
const handleOpenMiniapp = () => {
appboxo.openMiniapp('[miniapp_id]', {'key': 'value'}); //launch miniapp by id with data as {[key: string]: any} | undefined that is sent to miniapp.
}
return (
<View style={styles.container}>
<Button
color="#841584"
title="Launch miniapp"
onPress={handleOpenMiniapp}
accessibilityLabel="Launch miniapp"
/>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
backgroundColor: '#fff',
justifyContent: 'center',
},
});
To listen miniapp lifecycle events:
Important
Miniapp lifecycle events available in 1.0.8+ versions
import React from 'react';
import appboxo from '@appboxo/react-native-sdk';
import { StyleSheet, View, Button } from 'react-native';
export default function App() {
React.useEffect(() => {
appboxo.setConfig('[client_id]', false, false); //set your Appboxo client_id, sandbox mode and specify multitask mode (by default is "true")
const subscription = appboxo.lifecycleHooksListener({
onLaunch: (appId: string) => console.log('onLaunch', appId), // called when the miniapp will launch with openMiniapp(...)
onResume: (appId: string) => console.log('onResume', appId), // called when the miniapp will start interacting with the user
onPause: (appId: string) => console.log('onPause', appId), // called when clicked close button in miniapp or when destroyed miniapp activity
onClose: (appId: string) => console.log('onClose', appId), // called when the miniapp loses foreground state
onAuth: (appId: string) => console.log('onAuth', appId), // called when authorization flow starts
onError: (appId: string, error: string) => console.log('onError', appId, error), // handle error
});
return () => subscription();
}, [])
const handleOpenMiniapp = () => {
appboxo.openMiniapp('[miniapp_id]'); //launch miniapp by id
}
return (
<View style={styles.container}>
<Button
color="#841584"
title="Launch miniapp"
onPress={handleOpenMiniapp}
accessibilityLabel="Launch miniapp"
/>
</View>
);
}
const styles = StyleSheet.create({
container: {
flex: 1,
alignItems: 'center',
backgroundColor: '#fff',
justifyContent: 'center',
},
});
1.0.40
6 months ago
1.0.39
6 months ago
1.0.38
6 months ago
1.0.37
7 months ago
1.0.36
7 months ago
1.0.35
7 months ago
1.0.34
8 months ago
1.0.33
2 years ago
1.0.32
2 years ago
1.0.31
2 years ago
1.0.30
3 years ago
1.0.29
3 years ago
1.0.28
3 years ago
1.0.27
3 years ago
1.0.26
3 years ago
1.0.25
3 years ago
1.0.24
4 years ago
1.0.23
4 years ago
1.0.22
4 years ago
1.0.21
4 years ago
1.0.20
4 years ago
1.0.19
4 years ago
1.0.18
4 years ago
1.0.17
4 years ago
1.0.16
4 years ago
1.0.15
4 years ago
1.0.14
4 years ago
1.0.13
4 years ago
1.0.12
4 years ago
1.0.11
4 years ago
1.0.10
4 years ago
1.0.9
4 years ago
1.0.8
4 years ago
1.0.7
4 years ago
1.0.6
4 years ago
1.0.5
4 years ago
1.0.4
4 years ago
1.0.3
4 years ago
1.0.2
4 years ago
1.0.1
4 years ago
1.0.0
4 years ago
0.0.3
4 years ago
0.0.2
4 years ago
0.0.1
4 years ago