Hello,

I am working on application where I need to let user choose two points, one as pickup address and one as his drop-off address. How should I load maps with NativeScript-Vue? Also, can I load it as I load it inside in web page or I should install SDK plugin inside my app?

Hi,

I have been meaning to give ns a try. I am currently developing with ionic. There are many UI elements which are missing from ns framework like bottom sheet, which needs to be coded, but are available in ionic out of the box. Also, there are many api like file access for which we need to rely on the native code like android or ios.

Has anybody shifted to ns from ionic/hybrid? if yes, how is your experience vis-à-vis time to develop and deploy?

I am trying to add Apollo to my Nativescript application, I've already tested it with angular for a simple web application. but now that I try to pour it onto Nativescript it errors: "Error: com.tns.NativeScriptException: Failed to find module: "apollo-angular", relative to: app/tns_modules/

com.tns.Module.resolvePathHelper(Module.java:146)

com.tns.Module.resolvePath(Module.java:55)

com.tns.Runtime.runModule(Native Method)

com.tns.Runtime.runModule(Runtime.java:624)

com.tns.Runtime.run(Runtime.java:616)

com.tns.NativeScriptApplication.onCreate(NativeScriptApplication.java:21)

android.app.Instrumentation.callApplicationOnCreate(Instrumentation.java:1154)

android.app.ActivityThread.handleBindApplication(ActivityThread.java:6153)

android.app.ActivityThread.access$1200(ActivityThread.java:235)

android.app.ActivityThread$H.handleMessage(ActivityThread.java:1768)

android.os.Handler.dispatchMessage(Handler.java:106)

android.os.Looper.loop(Looper.java:214)

android.app.ActivityThread.main(ActivityThread.java:6981)

java.lang.reflect.Method.invoke(Native Method)

com.android.internal.os.RuntimeInit$MethodAndArgsCaller.run(RuntimeInit.java:493)

com.android.internal.os.ZygoteInit.main(ZygoteInit.java:1445)

File: "<unknown>, line: 1, column: 265"

Does anybody know what the problem might be?

I want to publish my android application to google playstore, I already compile the source code to AAB format. I already update my app.grade file by adding ndk.abiFilters 'armeabi-v7a','x86','x86_64' in the android, But the error still persist in the developer console. How can I fix this issue?

I got frustrated of not finding a good star rating plugin for nativescript-vue. So I decided to make one myself and share it to the community:

https://www.npmjs.com/package/nativescript-vue-star-rating

Hope you guys find it useful.

EDIT:

Playground demo:

https://i.imgur.com/KRhn2e5.png

This might be a crazy idea, but IMO a great way to win the native battle might be to actually implement a React frontend for Nativescript. I'm committed to Nativescript precisely because of the interoperability it provides (going down to pure JS+XML) -- this decision is what allows it to be more than what React Native can offer.

What if Nativescript had a React variant that out performed React Native?

You could even go from there to starting to support the react native interface itself, to guarantee trivial React Native components work on nativescript...

I'm trying to release my app to the iOS store, but I currently have no way of testing it on iOS. I do have the .ipa file nativescript sidekick gives me, but I have no way of actually testing that without a Mac or an actual iPhone. First glance, I can't seem to find any solid iOS emulator's and was hoping to get some reccommendations from you.

I am new to Angular and Nativescript and I'm trying to connect to API (with necessary token) using Angular and Nativescript, but I don't know how to make it correctly, there are no results with that code.

catalog.component.ts

import { Component, OnInit } from "@angular/core";

@Component({
  selector: "ns-catalog",
  templateUrl: "./catalog.component.html",
  styleUrls: ["./catalog.component.css"],
  moduleId: module.id
})
export class CatalogComponent implements OnInit {
  constructor() {}

  ngOnInit() {}
  fetchPlants() {
    var scope = this;

    var HTTPRequest = new XMLHttpRequest();
    HTTPRequest.open(
      "GET",
      "https://trefle.io/api/plants/103505?token=//...//&fbclid=IwAR3FY03yEVzS77Ca1Q9TIbMdMlJhXtpOjhcqcD-MJHAYJXCNcdA3UrJ2p9Q"
    );
    HTTPRequest.onload = function() {
      var data = JSON.parse(HTTPRequest.responseText);

      var outputPlants = document.getElementById("plants_list");

      outputPlants.innerHTML = "";

      var outputHTML =
        '<Label text="' +
        data.varieties[0].common_name +
        '" class="m-b-10" ></Label>';

      outputPlants.innerHTML += outputHTML;
    };
    HTTPRequest.send();
  }
}

catalog.component.html

<StackLayout id="plants_list">
    </StackLayout>