Nonlinear Programming Methods
Wondering what’s next for npm?Check out our public roadmap! »

react-native-zalo-share

1.0.4 • Public • Published

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;

Install

npm i react-native-zalo-share

DownloadsWeekly Downloads

11

Version

1.0.4

License

MIT

Unpacked Size

670 kB

Total Files

107

Last publish

Collaborators

  • avatar