React Native wrapper for Smooch.io. Based off of smooch-cordova
This React Native module was built and tested with version 0.57.7 of React Native. Since React Native is not mature yet, there might be some breaking changes which will break our module. Therefore, if you find a problem, please open an issue.
At the moment, this wrapper only covers the most commonly used features of the Smooch SDK. We encourage you to add to this wrapper or make any feature requests you need. Pull requests most definitely welcome!
Please contact Smooch for any questions.
First, make sure you've signed up for Smooch
If you don't already have a React Native application setup, follow the instructions here to create one.
Next, grab this React Native module with npm install react-native-smooch
Link it! react-native link react-native-smooch
With CococaPods, you can add the react-native-smooch Pod in your Podfile
like so:
pod 'react-native-smooch',
:path => '../node_modules/react-native-smooch'
You must also have your React dependencies defined in your Podfile as described here, for example:
target 'myapp' do
pod 'react-native-smooch',
:path => '../node_modules/react-native-smooch'
pod 'React',
:subspecs => [
'Core',
'RCTImage',
'RCTNetwork',
'RCTPushNotification',
'RCTText',
], :path => '../node_modules/react-native'
pod 'yoga',
path: '../node_modules/react-native/ReactCommon/yoga/yoga.podspec'
end
* Install pods by running `pod install`.
* Without CocoaPods, you can add Smooch by navigating to your React Native project's `ios` directory and following [the manual steps here](http://docs.smooch.io/ios/#adding-smooch-to-your-app).
* Open your project's .xcworkspace file in XCode and initialize Smooch with your app id inside of applicationDidFinishLaunchingWithOptions.
...
You're now ready to start interacting with Smooch in your React Native app.
You can easily add a binding to the Smooch Android SDK in your React Native application by following the instructions below.
Add the ReactNativeSmoochPackage
to the list of packages in your ReactApplication
@Override
protected List<ReactPackage> getPackages() {
return Arrays.<ReactPackage>asList(
new MainReactPackage(),
new ReactNativeSmoochPackage()
);
}
Add Smooch.init
to the onCreate
method of your Application
class.
import io.smooch.core.Settings;
import io.smooch.core.Smooch;
import io.smooch.core.SmoochCallback;
import com.facebook.soloader.SoLoader;
public class MainApplication extends Application implements ReactApplication {
...
@Override
public void onCreate() {
super.onCreate();
SoLoader.init(this, /* native exopackage */ false);
Smooch.init(this, new Settings("YOUR_APP_ID"), new SmoochCallback() {
@Override
public void run(Response response) {
// Your code after init is complete
}
});
}
...
}
You're now ready to start interacting with Smooch in your React Native app.
const Smooch = require('react-native-smooch');
Smooch.show();
Smooch.setFirstName("Kurt");
Smooch.setLastName("Osiander");
Smooch.setEmail("kurt@ralphgraciesf.com");
Smooch.setSignedUpAt((new Date).getTime());
Smooch.setUserProperties({"whenDidYouFsckUp": "aLongTimeAgo"});