Integrating with NativeScript

You can use Apollo with NativeScript exactly as you would with normal Angular application.

To introduce Apollo to your app, install apollo-angular from npm and use them in your app as outlined in the setup article:

npm i apollo-angular

💡

Note: There are more packages to be installed, so check out the "initialization" article.

import { Apollo, ApolloModule } from 'apollo-angular';
import { HttpLink } from 'apollo-angular/http';
import { NativeScriptHttpClientModule } from 'nativescript-angular/http-client';
import { NativeScriptModule } from 'nativescript-angular/nativescript.module';
 
@NgModule({
  imports: [
    NativeScriptModule,
    NativeScriptHttpClientModule, // this provides HttpClient
    ApolloModule,
  ],
})
export class AppModule {
  constructor(apollo: Apollo, httpLink: HttpLink) {
    // create Apollo
    apollo.create({
      link: httpLink.create({ uri }),
      // other options like cache
    });
  }
}

If you are new to using Apollo with Angular, you should probably read the Angular guide.

Examples

There are some Apollo examples written in NativeScript that you may wish to refer to:

The "Posts and Authors" example (opens in a new tab).

💡

If you've got an example to post here, please hit the "Edit on GitHub" button above and let us know!

Multiple Clients Migration Guide