nhjuhoang/react-native-zalo-share

react-native-zalo-share

Installation

yarn add react-native-zalo-share

• React Native 0.60 and higher

 cd ios
 pod install
 cd ..

• React Native 0.59 and lower

react-native link react-native-zalo-share

ANDROID

• add implementation "com.zing.zalo.zalosdk:auth:+" => android/app/build.gradle

    dependencies {
        ...
        implementation "com.zing.zalo.zalosdk:auth:+"
        ...
    }

• add appZaloID => res/values/strings/xml

    <resources>
      <string name="app_name">example</string>
      <string name="appZaloID">{"appID"}</string>
    </resources>

• edit file AndroidManifest.xml

    <application
      ...
      <activity android:name="com.zing.zalo.zalosdk.oauth.OpenAPIActivity" />
      <meta-data
          android:name="com.zing.zalo.zalosdk.appID"
          android:value="@string/appZaloID" />
        ...
    </application>

• edit file MainApplication.java

    import com.zing.zalo.zalosdk.oauth.ZaloSDKApplication;
    ...
    @Override
    public void onCreate() {
        ...
        ZaloSDKApplication.wrap(this);
        ...
    }

IOS

• edit file AppDelegate.m

   #import <ZaloSDK/ZaloSDK.h>
   ...
   - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
   {
     ...

     [[ZaloSDK sharedInstance] initializeWithAppId:@"yourappID"];

     return YES;
   }
   
   // add override func
   - (BOOL)application:(UIApplication *)app openURL:(NSURL *)url options:(NSDictionary<UIApplicationOpenURLOptionsKey,id>        *)options {
       return [
         [ZDKApplicationDelegate sharedInstance]
         application:app
         openURL:url
         sourceApplication:nil
         annotation:nil
       ];
}

• add URL Type Main target setting -> info -> URL types -> click + identifier = “zalo”, URL Schemes = “zalo-yourappid”

• add Schemes LSApplicationQueriesSchemes Info.plist Info.plist -> + LSApplicationQueriesSchemes -> item -> "zalo"

Usage

import ZaloShare from 'react-native-zalo-share';

const config = {
  msg: 'message',
  link: '',
  linkTitle: '',
  linkSource: '',
  linkThumb: '',
   appName: '', // appname back to app when cancel
};

const App: () => React$Node = () => {
  const onShareMessage = () => {
    ZaloShare.shareMessage(config)
      .then(console.log(' 👉🏼 send data to zalo success'))
      .catch(error => console.log(' 👉🏼 error message', error.message));
  };

  const onShareFeed = () => {
    ZaloShare.shareFeed(config)
      .then(console.log(' 👉🏼 send data to zalo success'))
      .catch(error => console.log(' 👉🏼 error message', error.message));
  };

  return (
    <SafeAreaView style={styles.container}>
      <Button title="share Message" onPress={onShareMessage} />
      <Button title="share Feed" onPress={onShareFeed} />
    </SafeAreaView>
  );
};

const styles = StyleSheet.create({
  container: {
    alignItems: 'center',
    justifyContent: 'center',
    flex: 1,
  },
});

export default App;