Is it going to be possible to use Ionic 1 UI and AngularJS 1.x on Capacitor? I’m studying AngularJS 1.x and I figured it’s not that bad.
↧
What has the Ionic team been up to?
↧
Take data from database using Postgres
Hello, depends if you need a web api or so.
On a general angural case, for example, it often needed (i’m an angular pro now).
And now you will call like RTDB (real time database) in production.
Have fun with ionic
Francois
↧
↧
Failed authentification google in ionic2
What are you using to test the app when you get this cordova error, DevApp? I’ve had the same problem, but apparently DevApp doesn’t support all cordova plugins.
↧
Build Break with aapt error message . why?
@anespa such issue is often because of version. Are you in Magento 1.9 or Magento 2.x please?
François
↧
Failed authentification google in ionic2
Hello guys, in general it needs a form of automatic authorization on your server.
François, french magento expert
↧
↧
Google Maps showing in emulator but not in Ionic View and App
This might not be the answer you’re looking for, but you can use the regular Google Maps web api with Ionic just fine, either with Angular Google Maps or just the vanilla javascript library. If you can’t get the native plugin working this is always an option to fall back to.
↧
PouchDB with Ionic 3 - Which storage system should I use?
↧
PouchDB with Ionic 3 - Which storage system should I use?
@morphist I’m also one of the first ionic users to actually make SMS plugin work. Have fun 
↧
Build Break with aapt error message . why?
I am tell about ionic 3 not about Magento 
↧
↧
How to use cordova custom plugin in ionic
Hi addwebsolution,
i am new for ionic… please help me
home.html file have this code:
<button class=“btn” (click)=“showToast()”>Toast Message
home.ts file this code:
import { Component } from ‘@angular/core’;
import { NavController } from ‘ionic-angular’;
import { Platform } from ‘ionic-angular’;
import { StatusBar } from ‘@ionic-native/status-bar’;
import { SplashScreen } from ‘@ionic-native/splash-screen’;
declare var Customplugin: any;
@Component({
selector: ‘page-home’,
templateUrl: ‘home.html’
})
export class HomePage {
constructor(private platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {}
showToast(){
Customplugin.show((data) => {
alert(data);
},(err) => {
alert(err);
});
}
}
my cordova plugin folder name: cordova-plugin-customplugin
cordova plugin.xml:
<?xml version='1.0' encoding='utf-8'?>
Customplugin
package.json:
{
“name”: “cordova-plugin-customplugin”,
“version”: “0.0.1”,
“description”: “”,
“cordova”: {
“id”: “cordova-plugin-customplugin”,
“platforms”: [
“android”
]
},
“keywords”: [
“ecosystem:cordova”,
“cordova-android”
],
“author”: “”,
“license”: “ISC”
}
Customplugin.js:
var exec = require(‘cordova/exec’);
var Customplugin = function() {
console.log(‘Customplugin instanced’);
};
Customplugin.prototype.show = function(msg, onSuccess, onError) {
var errorCallback = function(obj) {
onError(obj);
};
var successCallback = function(obj) {
onSuccess(obj);
};
exec(successCallback, errorCallback, 'Customplugin', 'show', [msg]);
};
if (typeof module != ‘undefined’ && module.exports) {
module.exports = Customplugin;
}
and Customplugin.java :
package cordova-plugin-customplugin;
import org.apache.cordova.CordovaPlugin;
import org.apache.cordova.CallbackContext;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
import org.json.JSONArray;
import org.json.JSONObject;
import org.json.JSONException;
import android.content.Context;
import android.widget.Toast;
/**
-
This class echoes a string called from JavaScript.
*/
public class Customplugin extends CordovaPlugin {@Override
public boolean execute(String action, JSONArray args, CallbackContext callbackContext) throws JSONException {
if (action.equals(“coolMethod”)) {
String message = args.getString(0);
this.coolMethod(message, callbackContext);
return true;
}
if (“show”.equals(action)) {
show(args.getString(0), callbackContext);
return true;
}
return false;
}private void coolMethod(String message, CallbackContext callbackContext) {
if (message != null && message.length() > 0) {
callbackContext.success(message);
} else {
callbackContext.error(“Expected one non-empty string argument.”);
}
}
private void show(String msg, CallbackContext callbackContext) {
if (msg == null || msg.length() == 0) {
callbackContext.error(“Empty message!”);
} else {
Toast.makeText(webView.getContext(), msg, Toast.LENGTH_LONG).show();
callbackContext.success(msg);
}
}
}
when i run ionic serve show this bellow message:
Runtime Error:
Customplugin is not defined
Stack:
ReferenceError: Customplugin is not defined
at HomePage.webpackJsonp.194.HomePage.showToast (http://localhost:8100/build/main.js:64:9)
at Object.eval [as handleEvent] (ng:///AppModule/HomePage.ngfactory.js:17:27)
at handleEvent (http://localhost:8100/build/vendor.js:13608:172)
at callWithDebugContext (http://localhost:8100/build/vendor.js:15093:42)
at Object.debugHandleEvent [as handleEvent] (http://localhost:8100/build/vendor.js:14680:12)
at dispatchEvent (http://localhost:8100/build/vendor.js:10057:25)
at http://localhost:8100/build/vendor.js:10671:38
at HTMLButtonElement. (http://localhost:8100/build/vendor.js:36367:53)
at t.invokeTask (http://localhost:8100/build/polyfills.js:3:15660)
at Object.onInvokeTask (http://localhost:8100/build/vendor.js:4973:33)
Ionic Framework: 3.9.2
Ionic App Scripts: 3.1.8
Angular Core: 5.0.3
Angular Compiler CLI: 5.0.3
Node: 8.9.4
OS Platform: Linux 4.4
Navigator Platform: Linux x86_64
User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36
↧
Transparent status bar
Hi guys,
I am very new to Ionic, so forgive me if there’s already a solution out there (I did check all the other related topics, but none of them works for me). I am trying to achieve to have status bar transparent background, at least in iOS. I know a lot of people said styleBlackTranslucent(), but that’s not working for me, I need the text to be dark not light. Please help!
Thanks!
↧
Core ML iOS or Tensorflow lite android
The need to support ML for both Android and IOS is critical moving forward can Ionic please comment on their roadmap for this and an estimated timeline?
↧
Build release apk
When I run cmd: ionic cordova build --release android
I have bug:
Failed to restore plugin "org.apache.cordova.plugin.cache" from config.xml. You might need to try adding it again. Error: Failed to fetch plugin https://github.com/tiltshiftfocus/cordova-plugin-cache.git via registry.
Probably this is either a connection problem, or plugin spec is incorrect.
Check your connection and plugin name/version/URL.
Error: cmd: Command failed with exit code 1 Error output:
npm ERR! code 1
npm ERR! Command failed: C:\Program Files\Git\cmd\git.EXE submodule update -q --init --recursive
npm ERR! C:\Program Files\Git\mingw64/libexec/git-core\git-submodule: line 7: basename: command not found
npm ERR! C:\Program Files\Git\mingw64/libexec/git-core\git-submodule: line 7: sed: command not found
npm ERR! C:\Program Files\Git\mingw64/libexec/git-core\git-submodule: line 19: .: git-sh-setup: file not found
npm ERR!
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\KIEN\AppData\Roaming\npm-cache\_logs\2018-03-09T03_46_43_617Z-debug.log
Can you help me ??
↧
↧
Segmented button + scrollable content UI pattern
I’m trying to recreate a UI pattern I’ve seen on native apps that looks like this:
- Title (fixed in place)
- Segmented button, two options (fixed in place)
- Scrollable content. Content depends on what is selected in the segmented button. When you toggle your option in the segmented button, there’s a nice sideways animation where one section leaves the view and the other comes on.
I haven’t been able to get this to work yet, having the segmented button stay in place and not scroll. And I haven’t figured out the best strategy for the animation - should I have two content sections with one hidden off screen?
Just wondering if someone knows of the best practice here.
↧
Apps is not changing after ionic live deploy
Got it. Thanks. I haven’t been so lucky.
↧
To integrate free sms api in ionic 3
anybody please help me to send a sms when an order is placed.
↧
In ionic 3 I need Guidance to open a new page using Top,Bottom,Left,Right slide gesture with animation.how do I do that?
I found this stackoverflow article that might be helpful: https://stackoverflow.com/questions/36970425/determine-whether-a-swipe-event-is-for-a-left-swipe-or-a-right-swipe
So depending on the swipe event you could push a new page on to the nav controller. But I’m not sure if you can control the direction of the animation as the page comes on, and there might be some delay after the swipe before the page animates on - I don’t know if it would seem like someone is dragging on the page themselves.
↧
↧
Google map Marker Userposition
I think you want the watchPosition method that exists on the navigator object:
It returns observable that will emit values when the user moves. You can subscribe to that and then feed the updated latlng into your google map as the center property.
↧
Build Break with aapt error message . why?
Thanks God at last a reply by David Lopez help me
In platforms/android:
Search for cordova.system.library.2=com.android.support:support-v4:+ and replace for cordova.system.library.2=com.android.support:support-v4:27.1.0.
Its url is : Answered link
Thanks
Anes
↧
PouchDB with Ionic 3 - Which storage system should I use?
@FrancoisIonic Heey;) can you elaborate a bit more what do you mean by “it was deleted”?
as a project it exists right? do you mean it is not reliable as a browser based storage or?
Also eager to learn what exactly do you call Google Database:)
↧