Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all 48978 articles
Browse latest View live

ModalController detail page navigation

$
0
0

@Eraldo wrote:

When clicking on an item in my modal page, I want to open the detail page for the item.
If I try doing this by using NavController, but then the page gets navigated to in the background (behind the modal background) while the modal stays on top.

I guess the current behaviour also makes sense, since the navController uses the current non modal outlet.

How can I manage to “push” the detail page on top (either completely above the modal – or if not possible that way, at least pushing it on top of the modal nav stack.

Context: Ionic 4 with lazy loading

Ideas? Solutions?

Posts: 1

Participants: 1

Read full topic


Rtl in Ionic4

$
0
0

@Fawzywassel wrote:

how to change direction in app to RTL is scss variable and Platform module same as ionic 3
and how to check direction of ion-menu and ion-back button in RTL

Posts: 1

Participants: 1

Read full topic

Local notification every 5 minutes

$
0
0

@ahmadklsany wrote:

hello every one
i have problem when i use local notification every 5 min but no notification get so where is the problem here:


             this.localNotifications.schedule({
                  text: ' anything  ',
                   trigger: { every: { minute: 1 }, count: 500 }, => not working 
                   // trigger: {at: new Date(new Date().getTime() + 3600)}, => work fine 
                   led: 'FF0000',
                   sound: null
               });

thanks so much

Posts: 1

Participants: 1

Read full topic

Social share whatsapp

$
0
0

@hanane11 wrote:

hello I use the plugin SocialSharing ionic 3 it works well, but I want to send messages by whatsapp automatically without opening whatsapp, click on the button nothing is displayed but the message is sent.

 this.socialSharing.shareViaWhatsApp(this.text, null).then(() => {
      console.log('success');
    }).catch((e) => {
      console.log('erreur');
    });
  }

Posts: 1

Participants: 1

Read full topic

Ion input max value

$
0
0

@borjftw wrote:

I just wanna ask if there is a possible way to set the maximum input value of a number in
Like, i have a input type that required number of hours and i want to limit the input type in only 24 because there is only 24 hours. It will be a great help thanks.

Posts: 1

Participants: 1

Read full topic

Android Build Failing

$
0
0

@nitindigme wrote:

From last two days I have been trying to build ionic for android, however I have started getting build error on mac.

FAILURE: Build failed with an exception.

  • What went wrong:
    A problem occurred configuring root project ‘android’.

Could not resolve all files for configuration ‘:classpath’.
Could not resolve com.google.gms:google-services:4.1.0.
Required by:
project :
Could not resolve com.google.gms:google-services:4.1.0.
Could not get resource ‘https://maven.google.com/com/google/gms/google-services/4.1.0/google-services-4.1.0.pom’.
Could not GET ‘https://maven.google.com/com/google/gms/google-services/4.1.0/google-services-4.1.0.pom’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Could not resolve com.google.gms:google-services:4.1.0.
Could not get resource ‘https://jcenter.bintray.com/com/google/gms/google-services/4.1.0/google-services-4.1.0.pom’.
Could not GET ‘https://jcenter.bintray.com/com/google/gms/google-services/4.1.0/google-services-4.1.0.pom’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Could not resolve com.google.gms:google-services:4.1.0.
Could not get resource ‘https://maven.fabric.io/public/com/google/gms/google-services/4.1.0/google-services-4.1.0.pom’.
Could not GET ‘https://maven.fabric.io/public/com/google/gms/google-services/4.1.0/google-services-4.1.0.pom’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Could not resolve io.fabric.tools:gradle:1.25.4.
Required by:
project :
Could not resolve io.fabric.tools:gradle:1.25.4.
Could not get resource ‘https://maven.google.com/io/fabric/tools/gradle/1.25.4/gradle-1.25.4.pom’.
Could not GET ‘https://maven.google.com/io/fabric/tools/gradle/1.25.4/gradle-1.25.4.pom’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Could not resolve io.fabric.tools:gradle:1.25.4.
Could not get resource ‘https://jcenter.bintray.com/io/fabric/tools/gradle/1.25.4/gradle-1.25.4.pom’.
Could not GET ‘https://jcenter.bintray.com/io/fabric/tools/gradle/1.25.4/gradle-1.25.4.pom’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target
Could not resolve io.fabric.tools:gradle:1.25.4.
Could not get resource ‘https://maven.fabric.io/public/io/fabric/tools/gradle/1.25.4/gradle-1.25.4.pom’.
Could not GET ‘https://maven.fabric.io/public/io/fabric/tools/gradle/1.25.4/gradle-1.25.4.pom’.
sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

I have all certificates added in cacerts for java, still getting this issue.

Ionic Information

Ionic:

ionic (Ionic CLI) : 4.10.1 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.1

Cordova:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 7.1.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.1, (and 5 other plugins)

System:

Android SDK Tools : 26.1.1 (/Users/nitindig/Library/Android/sdk)
ios-deploy : 1.5.0
ios-sim : 3.1.1
NodeJS : v8.11.3 (/usr/local/bin/node)
npm : 6.4.1
OS : macOS Mojave
Xcode : Xcode 10.1 Build version 10B61

Posts: 1

Participants: 1

Read full topic

Cannot querySelect input of ion-searchbar in Jasmine tests

$
0
0

@welshcathy wrote:

I’m running a simple test - enter a value into an ion-searchbar.
In the browser I can run:

document.querySelector('ion-searchbar');  //=> returns search bar OK 
document.querySelector('input');  //=> returns input field OK

In my tests when I try to grab the input the following all fail:

    const el: HTMLElement = fixture.nativeElement;
    const input = el.querySelector('input');
    expect(input).not.toBeNull();  // FAILS 

    const bar = el.querySelector('ion-searchbar');
    expect(bar.innerHTML).not.toEqual(''); // FAILS
    expect(bar.shadowRoot).not.toBeNull();  // FAILS

HTML Page

<ion-header>
  <ion-toolbar>
    <ion-title>
      Test Page
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>
  <ion-searchbar></ion-searchbar>
</ion-content>

Component Class

import { Component } from '@angular/core';

@Component({
  selector: 'app-test',
  templateUrl: './test.page.html',
  styleUrls: ['./test.page.scss'],
})
export class TestPage {

  constructor() { }

}

Test Spec

import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { async, ComponentFixture, TestBed } from '@angular/core/testing';

import { TestPage } from './test.page';

describe('TestPage', () => {
  let component: TestPage;
  let fixture: ComponentFixture<TestPage>;

beforeEach(async(() => {
    TestBed.configureTestingModule({
      declarations: [ TestPage ],
      schemas: [CUSTOM_ELEMENTS_SCHEMA],
    })
    .compileComponents();

  }));

  beforeEach(() => {
    fixture = TestBed.createComponent(TestPage);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should create', () => {
    expect(component).toBeTruthy();
  });

  it('should have an searchbar', () => {
    const el: HTMLElement = fixture.nativeElement;
    const bar = el.querySelector('ion-searchbar');
    fixture.detectChanges();
    expect(bar).not.toBeNull();  // FAILS
    expect(bar.shadowRoot).not.toBeNull();  // FAILS
  });

  it('should have an input field', () => {
    const el: HTMLElement = fixture.nativeElement;
    const input = el.querySelector('input');
    expect(input).not.toBeNull();  // FAILS
  });

});

Posts: 1

Participants: 1

Read full topic

Module not found: Error: Can't resolve 'zlib' or 'stream'

$
0
0

@DibbsZA wrote:

I am trying to build a website leveraging the Ionic 4 framework that will integrate uPort & Firebase.

During the compile, a dependancy from inside the uPort package tree (qr-image), throws the following errors:

ERROR in ./node_modules/qr-image/lib/qr.js
Module not found: Error: Can't resolve 'stream' in 'project/node_modules/qr-image/lib'
ERROR in ./node_modules/qr-image/lib/png.js
Module not found: Error: Can't resolve 'zlib' in 'project/node_modules/qr-image/lib'

I know these libraries are part of Node and should have been available to the project.

To verify this I created a new default Angular 7 project and added the same packages and there are no errors reported during compilation.

Is there some capability or package that is absent from the Angular that is integrated with Ionic?

When I tried to directly run ng serve from inside the Ionic project I did get this:
Your global Angular CLI version (7.3.0) is greater than your local version (7.2.4). The local Angular CLI version is used.

My Ionic Info:

   ionic (Ionic CLI)             : 4.10.1 (/Users/user/.nvm/versions/node/v10.15.0/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0
   @angular-devkit/build-angular : 0.12.4
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.2.4
   @ionic/angular-toolkit        : 1.3.0

System:

   NodeJS : v10.15.0 (/Users/user/.nvm/versions/node/v10.15.0/bin/node)
   npm    : 6.7.0
   OS     : macOS Mojave

My package.json dependancies:

    "dependencies": {
        "@angular/common": "^7.2.2",
        "@angular/core": "^7.2.2",
        "@angular/fire": "^5.1.1",
        "@angular/forms": "^7.2.2",
        "@angular/http": "^7.2.2",
        "@angular/platform-browser": "^7.2.2",
        "@angular/platform-browser-dynamic": "^7.2.2",
        "@angular/router": "^7.2.2",
        "@ionic-native/core": "^5.0.0",
        "@ionic-native/splash-screen": "^5.0.0",
        "@ionic-native/status-bar": "^5.0.0",
        "@ionic/angular": "^4.0.0",
        "core-js": "^2.5.4",
        "did-jwt": "^0.1.1",
        "firebase": "^5.8.2",
        "rxjs": "~6.3.3",
        "uport-connect": "^1.1.2",
        "zone.js": "~0.8.29"
    },

Posts: 1

Participants: 1

Read full topic


How to display Ionic Tabs on all pages?

$
0
0

@Youtaka wrote:

I’m currently developing a mobile app with Ionic 4. I build it with Ionic CLI but I did a blank project. I created some component (like login, signup…) and after that, I added Tabs from Ionic.

My problem is, Ionic Tabs are presents only on pages in tabs.router.module.ts. How can I do to display Tabs on all pages ?

Except them, every component are in app-routing.module.ts, I tried to cut and paste them in tabs.router.module.ts but I’m not sure that’s a good thing to do.

tabs.routes.module.ts

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
    children: [
      {
        path: 'home',
        children: [
          {
            path: '',
            loadChildren: '../home-page/tab1.module#HomePageModule'
          }
        ]
      },
      {
        path: 'game/new',
        children: [
          {
            path: '',
            loadChildren: '../game/create-game-page/tab2.module#CreateGamePageModule'
          }
        ]
      },
      {
        path: '',
        redirectTo: '/tabs/home',
        pathMatch: 'full'
      }
    ]
  },
  {
    path: '',
    redirectTo: '/tabs/home',
    pathMatch: 'full'
  }
];

I have another problem with my tabs. When I am on the tab1 page, the good icon is highlight, but it’s not working for the tab2 page.

Tab One: http://www.noelshack.com/2019-05-6-1549062619-capture.png

Tab Two: http://www.noelshack.com/2019-05-6-1549062619-capture2.png

tab1.module.ts

import { IonicModule } from '@ionic/angular';
import { RouterModule } from '@angular/router';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { HomePageComponent } from './home-page.component';

@NgModule({
  imports: [
    IonicModule,
    CommonModule,
    FormsModule,
    RouterModule.forChild([{ path: '', component: HomePageComponent }])
  ],
  declarations: [HomePageComponent]
})
export class HomePageModule {}

tab2.module.ts

import { IonicModule } from '@ionic/angular';
import { RouterModule } from '@angular/router';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { CreateGamePageComponent } from './create-game-page.component';

@NgModule({
  imports: [
    IonicModule,
    CommonModule,
    FormsModule,
    ReactiveFormsModule,
    RouterModule.forChild([{ path: '', component: CreateGamePageComponent }])
  ],
  declarations: [CreateGamePageComponent]
})
export class CreateGamePageModule {}

I have another and last problem with my Tabs. I have a header I loaded in app.component.html like this :

<ion-app>
  <app-header></app-header>
  <ion-router-outlet></ion-router-outlet>
</ion-app>

But as you can see on screens before, the header is not visible…

For the moment my Tabs works, but I’m not sure to understand how they perfectly work. Thank you for your help.

Posts: 1

Participants: 1

Read full topic

Show tab bar when viewing pages nested within other tabs

$
0
0

@tdtechlink wrote:

How do you view pages that are children of another tab (or the tab main page itself), from within another tab and keep the tab bar up?

For example:

If I have:

  • Home Page tab
  • sub page of Home Page called Child1
  • Library Page tab
  • sub page of Library Page called Child2

How do I view Child2 from the Child1 page while keeping the tab bar visible?
How do I view the Library Page from the Child1 page while keeping the tab bar visible?

It looks like routing was changed to remove that weird (one:one) syntax and I’m not sure how to view a page thats served from one tab’s outlet vs another to keep the tab bar up.

Posts: 1

Participants: 1

Read full topic

Build error on Ionic 3

$
0
0

@codiqa100012239 wrote:

ionic cordova build android --prod

ionic-app-scripts build --prod --target cordova --platform android
[00:15:45] ionic-app-scripts 3.2.1
[00:15:45] build prod started …
[00:15:46] clean started …
[00:15:46] clean finished in 10 ms
[00:15:46] copy started …
[00:15:46] deeplinks started …
[00:15:46] deeplinks finished in 96 ms
[00:15:46] ngc started …
[00:15:57] ngc finished in 10.89 s
[00:15:57] preprocess started …
[00:15:57] preprocess finished in less than 1 ms
[00:15:57] webpack started …
[00:15:57] copy finished in 11.51 s
[00:16:20] webpack finished in 23.14 s
[00:16:20] uglify started …
[00:16:20] sass started …
[00:16:24] sass finished in 4.54 s
[00:16:24] cleancss started …
[00:16:30] cleancss finished in 5.53 s
[00:16:45] uglify finished in 24.66 s
[00:16:45] postprocess started …
[00:16:45] postprocess finished in 21 ms
[00:16:45] lint started …
[00:16:45] build prod finished in 59.09 s
[00:16:49] lint finished in 4.36 s
cordova build android

You have been opted out of telemetry. To change this, run: cordova telemetry on.
Android Studio project detected
ANDROID_HOME=C:\Users\pradipta\AppData\Local\Android\android-sdk
JAVA_HOME=C:\Program Files\Java\jdk1.8.0_201
studio
Starting a Gradle Daemon (subsequent builds will be faster)

Task :wrapper

BUILD SUCCESSFUL in 22s
1 actionable task: 1 executed
Subproject Path: CordovaLib
Subproject Path: app
publishNonDefault is deprecated and has no effect anymore. All variants are now published.
The Task.leftShift(Closure) method has been deprecated and is scheduled to be removed in Gradle 5.0. Please use Task.doLast(Action) instead.
at build_1x4ydmr0480o7fjri5j8u06yf.run(C:\ionic\myApp\platforms\android\app\build.gradle:148)
Configuration ‘compile’ in project ‘:app’ is deprecated. Use ‘implementation’ instead.
:CordovaLib:preBuild UP-TO-DATE
:CordovaLib:preDebugBuild UP-TO-DATE
:CordovaLib:compileDebugAidl
:CordovaLib:compileDebugRenderscript
:CordovaLib:checkDebugManifest
:CordovaLib:generateDebugBuildConfig
:CordovaLib:prepareLintJar
:CordovaLib:generateDebugResValues
:CordovaLib:generateDebugResources
:CordovaLib:packageDebugResources
:CordovaLib:platformAttrExtractor
:CordovaLib:processDebugManifest
:CordovaLib:javaPreCompileDebug
:CordovaLib:processDebugJavaRes NO-SOURCE
:app:preBuild UP-TO-DATE
:app:preDebugBuild
:app:compileDebugAidl
:CordovaLib:packageDebugRenderscript NO-SOURCE
:app:compileDebugRenderscript
:app:checkDebugManifest
:app:generateDebugBuildConfig
:app:prepareLintJar
:app:generateDebugResValues
:app:generateDebugResources
:app:mergeDebugResources
:app:createDebugCompatibleScreenManifests
:app:processDebugManifest
:app:splitsDiscoveryTaskDebug
:app:compileDebugNdk NO-SOURCE
:CordovaLib:mergeDebugShaders
:CordovaLib:compileDebugShaders
:CordovaLib:generateDebugAssets
:CordovaLib:mergeDebugAssets
:app:mergeDebugShaders
:app:compileDebugShaders
:app:generateDebugAssets
:app:mergeDebugAssets
:CordovaLib:compileDebugNdk NO-SOURCE
:CordovaLib:mergeDebugJniLibFolders
:CordovaLib:transformNativeLibsWithMergeJniLibsForDebug
:CordovaLib:transformNativeLibsWithIntermediateJniLibsForDebug
:app:mergeDebugJniLibFolders
:app:processDebugJavaRes NO-SOURCE
:app:validateSigningDebug
:CordovaLib:processDebugResources
:CordovaLib:generateDebugSources
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
:CordovaLib:compileDebugJavaWithJavac
:CordovaLib:transformClassesAndResourcesWithPrepareIntermediateJarsForDebug
:app:processDebugResources
:app:generateDebugSources
:app:javaPreCompileDebug
C:\ionic\myApp\platforms\android\app\src\main\java\com\ionicframework\cordova\webview\IonicWebViewEngine.java:11: error: cannot find symbol
import android.support.annotation.RequiresApi;
^
symbol: class RequiresApi
location: package android.support.annotation
C:\ionic\myApp\platforms\android\app\src\main\java\com\ionicframework\cordova\webview\IonicWebViewEngine.java:114: error: cannot find symbol
@RequiresApi(Build.VERSION_CODES.LOLLIPOP)
^
symbol: class RequiresApi
location: class IonicWebViewEngine.ServerClient
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
2 errors
:app:compileDebugJavaWithJavac FAILED

FAILURE: Build failed with an exception.

  • What went wrong:
    Execution failed for task ‘:app:compileDebugJavaWithJavac’.

Compilation failed; see the compiler error output for details.

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

  • Get more help at https://help.gradle.org

38 actionable tasks: 38 executed
BUILD FAILED in 21s
cmd: Command failed with exit code 1 Error output:
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
C:\ionic\myApp\platforms\android\app\src\main\java\com\ionicframework\cordova\webview\IonicWebViewEngine.java:11: error: cannot find symbol
import android.support.annotation.RequiresApi;
^
symbol: class RequiresApi
location: package android.support.annotation
C:\ionic\myApp\platforms\android\app\src\main\java\com\ionicframework\cordova\webview\IonicWebViewEngine.java:114: error: cannot find symbol
@RequiresApi(Build.VERSION_CODES.LOLLIPOP)
^
symbol: class RequiresApi
location: class IonicWebViewEngine.ServerClient
Note: Some input files use or override a deprecated API.
Note: Recompile with -Xlint:deprecation for details.
2 errors

FAILURE: Build failed with an exception.

  • What went wrong:
    Execution failed for task ‘:app:compileDebugJavaWithJavac’.

Compilation failed; see the compiler error output for details.

  • Try:
    Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

  • Get more help at https://help.gradle.org

BUILD FAILED in 21s
[ERROR] An error occurred while running subprocess cordova.

    cordova build android exited with exit code 1.

    Re-running this command with the --verbose flag may provide more information.

Posts: 2

Participants: 2

Read full topic

Ionic 4 tabs navigation to root page problen

$
0
0

@Z3-R0 wrote:

Hi I’m programming an Ionic 4 app and I have a problem:
If I place a button in one of the tabs pages !!!THAT ISN’T THE ROOT PAGE!!!, which leads to another page it work fine. But if I go back to the tabs pages with an ion-back-button I’m sent to the root tabs page and not to the page I was before.
Can anybody help?

Posts: 1

Participants: 1

Read full topic

Problems with WEBPACK_IMPORTED_MODULE_1 after inserting google maps

$
0
0

@Broccoli38 wrote:

Hello everybody,

after installing google maps on my project I can’t start my app on localhost. I always get the message:
Object(ionic_native_core__WEBPACK_IMPORTED_MODULE_1_[“Cordova”]) is not a function. (In ‘Object(ionic_native_core__WEBPACK_IMPORTED_MODULE_1_[“Cordova”])({ sync: true })’, ‘Object(ionic_native_core__WEBPACK_IMPORTED_MODULE_1_[“Cordova”])’ is an instance of Object)

As package,json I have this code:
{
“name”: “test”,
“version”: “0.0.1”,
“author”: “Ionic Framework”,
“homepage”: “http://ionicframework.com/”,
“private”: true,
“scripts”: {
“start”: “ionic-app-scripts serve”,
“clean”: “ionic-app-scripts clean”,
“build”: “ionic-app-scripts build”,
“lint”: “ionic-app-scripts lint”
},
“dependencies”: {
@angular/animations”: “5.2.11”,
@angular/common”: “5.2.11”,
@angular/compiler”: “5.2.11”,
@angular/compiler-cli”: “5.2.11”,
@angular/core”: “5.2.11”,
@angular/forms”: “5.2.11”,
@angular/http”: “5.2.11”,
@angular/platform-browser”: “5.2.11”,
@angular/platform-browser-dynamic”: “5.2.11”,
@ionic-native/app-version”: “^4.8.0”,
@ionic-native/camera”: “^5.0.0”,
@ionic-native/core”: “^5.0.0”,
@ionic-native/google-maps”: “^4.20.0”,
@ionic-native/image-picker”: “^5.0.0”,
@ionic-native/splash-screen”: “~4.10.0”,
@ionic-native/status-bar”: “~4.10.0”,
@ionic/storage”: “2.1.3”,
“cordova-android”: “^7.1.4”,
“cordova-plugin-app-version”: “0.1.9”,
“cordova-plugin-camera”: “^4.0.3”,
“cordova-plugin-device”: “^2.0.2”,
“cordova-plugin-ionic-keyboard”: “^2.0.5”,
“cordova-plugin-ionic-webview”: “^1.2.1”,
“cordova-plugin-splashscreen”: “^5.0.2”,
“cordova-plugin-telerik-imagepicker”: “2.2.3”,
“cordova-plugin-whitelist”: “^1.3.3”,
“ionic-angular”: “3.9.2”,
“ionicons”: “3.0.0”,
“rxjs”: “5.5.11”,
“sw-toolbox”: “3.6.0”,
“zone.js”: “0.8.26”
},
“devDependencies”: {
@ionic/app-scripts”: “3.1.11”,
“typescript”: “~2.6.2”
},
“description”: “An Ionic project”,
“cordova”: {
“plugins”: {
“cordova-plugin-whitelist”: {},
“cordova-plugin-device”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-ionic-webview”: {},
“cordova-plugin-ionic-keyboard”: {},
“cordova-plugin-camera”: {},
“cordova-plugin-telerik-imagepicker”: {},
“cordova-plugin-googlemaps”: {
“API_KEY_FOR_ANDROID”: “AIzaSyBw0gYj_T5vfy2HOBAod029_9XWCqf3iaE”,
“API_KEY_FOR_IOS”: “AIzaSyBw0gYj_T5vfy2HOBAod029_9XWCqf3iaE”,
“PLAY_SERVICES_VERSION”: “15.0.1”,
“ANDROID_SUPPORT_V4_VERSION”: “27.+”
},
“cordova-plugin-app-version”: {}
},
“platforms”: [
“android”
]
}
}

The file app.module.ts includes these information:

import { NgModule, ErrorHandler } from ‘@angular/core’;
import { BrowserModule } from ‘@angular/platform-browser’;
import { IonicApp, IonicModule, IonicErrorHandler } from ‘ionic-angular’;
import { MyApp } from ‘./app.component’;

import { GoogleMap, GoogleMaps} from ‘@ionic-native/google-maps’;

@NgModule({
declarations: [
MyApp,

],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,

],
providers: [
StatusBar,
SplashScreen,
GoogleMap,
GoogleMaps,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {}

Other information:
onic:

ionic (Ionic CLI) : 4.9.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.1.11

Cordova:

cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : none
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 1.2.1, (and 6 other plugins)

System:

NodeJS : v11.2.0 (/usr/local/Cellar/node/11.2.0/bin/node)
npm : 6.4.1
OS : macOS Mojave
Xcode : Xcode 10.1 Build version 10B61

Are the versions of my packages compatible? Thanks for help!

Posts: 1

Participants: 1

Read full topic

Previous data is displayed during data transfer between pages

$
0
0

@devare1 wrote:


Ionic 4.9.0

please HELP:

html: page 1

  <ion-segment scrollable [(ngModel)]="value">

    <ion-segment-button value="site1"
    (click)="pushUploaderS()">
        <ion-label>Site1</ion-label>
    </ion-segment-button>
    
    <ion-segment-button value="site2"
    (click)="pushUploaderS()">
        <ion-label>Site2</ion-label>
    </ion-segment-button>
    
    <ion-segment-button value="site3"
    (click)="pushUploaderS()">
        <ion-label>Site3</ion-label>
    </ion-segment-button>

    <ion-segment-button value="site4"
    (click)="pushUploaderS()">
        <ion-label>Site4</ion-label>
    </ion-segment-button>

    <ion-segment-button value="site5"
    (click)="pushUploaderS()">
        <ion-label>Site5</ion-label>
    </ion-segment-button>

    <ion-segment-button value="site6"
    (click)="pushUploaderS()">
        <ion-label>Site6</ion-label>
    </ion-segment-button>

    <ion-segment-button value="site7"
    (click)="pushUploaderS()">
        <ion-label>Site7</ion-label>
    </ion-segment-button>

  </ion-segment>

ts: page 1:

import { Component } from '@angular/core';
import { Router } from '@angular/router';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

  value = '';

constructor(
  private router: Router){

}
pushUploaderS(){
  this.router.navigate(['/uploader', this.value ]);
}


}

html: page 2:

  <p>{{value}}</p>

ts: page 2:

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-uploader',
  templateUrl: './uploader.page.html',
  styleUrls: ['./uploader.page.scss'],
})
export class UploaderPage implements OnInit {

  value = null;
  constructor(
    private activatedRoute: ActivatedRoute
  ) {
  
   }

  ngOnInit() {
   
    this.value = this.activatedRoute.snapshot.paramMap.get('id');
  }


}

and I have already imported FormsModule in app.module.ts

current result: page 2 shows the data previously chosen

expected result: Page 2 shows the data chosen during the click on the value chosen in that instance

Posts: 2

Participants: 2

Read full topic

Clicks on screen are taking place at a different point

$
0
0

@abcoskn wrote:

Hi, After install my app on ios device, i having some problems about click actions. When i want to click a point it clicks nearly 100px bottom than where i clicked. How can it be? When i try to detect problem on localhost using ionic serve, there is no problem on web browser or ionic devapp. It happens when i install the app on device only. How can i solve this problem

Posts: 1

Participants: 1

Read full topic


Issues with new Google restrictions on permissions

$
0
0

@arnianantha wrote:

I don’t think my new app version have any sensitive permissions in my app, but still google shows an alert. Do you know why?

28 total (0 differentiating + 28 common)

android.permission.ACCESS_NETWORK_STATE, android.permission.CALL_PHONE, android.permission.GET_ACCOUNTS, android.permission.INTERNET, android.permission.READ_APP_BADGE, android.permission.READ_CONTACTS, android.permission.READ_EXTERNAL_STORAGE, android.permission.WAKE_LOCK, android.permission.WRITE_CONTACTS, android.permission.WRITE_EXTERNAL_STORAGE, com.anddoes.launcher.permission.UPDATE_COUNT, com.google.android.c2dm.permission.RECEIVE, com.google.android.finsky.permission.BIND_GET_INSTALL_REFERRER_SERVICE, com.google.android.providers.gsf.permission.READ_GSERVICES, com.htc.launcher.permission.READ_SETTINGS, com.htc.launcher.permission.UPDATE_SHORTCUT, com.huawei.android.launcher.permission.CHANGE_BADGE, com.huawei.android.launcher.permission.READ_SETTINGS, com.huawei.android.launcher.permission.WRITE_SETTINGS, com.majeur.launcher.permission.UPDATE_BADGE, com.oppo.launcher.permission.READ_SETTINGS, com.oppo.launcher.permission.WRITE_SETTINGS, com.sec.android.provider.badge.permission.READ, com.sec.android.provider.badge.permission.WRITE, com.sonyericsson.home.permission.BROADCAST_BADGE, com.sonymobile.home.permission.PROVIDER_INSERT_BADGE, me.everything.badger.permission.BADGE_COUNT_READ, me.everything.badger.permission.BADGE_COUNT_WRITE

Posts: 1

Participants: 1

Read full topic

How to set notification icon in push notification

$
0
0

@sanjayparate wrote:

Can you guide how can I set push notification icon. And where to put icon image and how to use icon with path in ionic code

Posts: 1

Participants: 1

Read full topic

Loading screen after clicking back button (Ionic 4)

$
0
0

@cancertropica wrote:

I am not able to figure out how i can reload screen when user lands on it after clicking back button. I am using IONIC 4 .

Thanks in advice fro your support.

Posts: 1

Participants: 1

Read full topic

Screen Orientation plugin issue

$
0
0

@Sash6 wrote:

I followed this doc screen orientation doc
for adding and installing Screen Orientation plugin.
Then i put an import statement import {ScreenOrientation} from “@ionic-native/screen-orientation”;
in app.module.ts and added ScreenOrientation in providers section in @Ngmodule.
But unfortunately i got an error like

Uncaught Error: Invalid provider for the NgModule ‘AppModule’ - only instances of Provider and Type are allowed, got: [StatusBar, SplashScreen, LableConstants, HooRestApi, Keyboard, HeFloatingButtonComponent, [object Object], ?[object Object]?]

where my Provider contains

providers: [
StatusBar,
SplashScreen,
LableConstants,
HooRestApi,
Keyboard,
HeFloatingButtonComponent,
{provide: ErrorHandler, useClass: IonicErrorHandler},
ScreenOrientation
]
I searched every solution in internet but none it works.
Can anyone help me to resolve this issue in advance.

Posts: 1

Participants: 1

Read full topic

How to create a swipable segment?

Viewing all 48978 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>