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;