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

Ionic 4 background color isssues


Open detail page from tab tabs page and hide tabs

$
0
0

@Dubicki wrote:

I am using the tabs navigation and would like to open a detail page and not have the tabs at the bottom. I can achieve this by placing my detail rout in the app-routing.module.ts file but when I click the back button, I am redirected to the default route and not the route from which I came from. For example:

I have 2 tabs - Home and Messages. When in the Messages tab I can navigate to message detail, when I click back, I go to Home tab and not Messages tab.

Posts: 1

Participants: 1

Read full topic

How to split array of length 10 to 2 rows

$
0
0

@safaAlshaarri wrote:

hi everyone , i have issue where i have array where it’s 10 items i need each row have 5 items
where i need the first row to be
a b c d e

f g h i j

how i can do that
thank :slight_smile:

Posts: 1

Participants: 1

Read full topic

Ionic 3 and 4 folder structure

$
0
0

@RomanPuliyan wrote:

I got project, previous developer told, that used Ionic 3.
I don’t understand, what folder structure must to be.
Angular developer told, that all code must to be inside src/app folder.
But in my case, all code just inside /src folder - pages, providers, directives etc in one nesting level with “app” folder
My folder structure

src
  app
  directives
  providers
  pages

As my friend angular developer told, all code must be in src/app folder and structure must be like

src
  app
    directives
    providers
    pages

When I use in terminal command “ionic generate page|provider|directive” from different places (/src/, /src/app or even project root directory)
all this folders generates in src/ folder near app/ folder, but not inside it.
Is it right?
As I looked here https://github.com/ionic-team/ionic-conference-app/tree/master/src
all code places inside app/ folder.

I have Ionic CLI 4.8.0

IONIC 4
I tried to test. Created test empty project. CLI asked me, do I want to use Ionic 4?
I asked yes.
Generated page. It was created inside app/ directory, how I think must be

MacBook-Air-Roman:test roman$ ionic generate
? What would you like to generate? page
? Name/path of page: test-page
> ng generate page test-page
CREATE src/app/test-page/test-page.module.ts (554 bytes)
CREATE src/app/test-page/test-page.page.scss (0 bytes)
CREATE src/app/test-page/test-page.page.html (136 bytes)
CREATE src/app/test-page/test-page.page.spec.ts (706 bytes)
CREATE src/app/test-page/test-page.page.ts (267 bytes)
UPDATE src/app/app-routing.module.ts (462 bytes)
[OK] Generated page!

Directive also generated inside app/ folder

MacBook-Air-Roman:test roman$ ionic generate
? What would you like to generate? directive
? Name/path of directive: test-directive
> ng generate directive test-directive
CREATE src/app/test-directive.directive.spec.ts (253 bytes)
CREATE src/app/test-directive.directive.ts (155 bytes)
UPDATE src/app/app.module.ts (856 bytes)
[OK] Generated directive!

IONIC 3
After I created new test project, but on question to use Ionic 4 asked No.
Generated page from project root directory, in my case “test2”

MacBook-Air-Roman:test2 roman$ ionic generate
? What would you like to generate: page
? What should the name be? test-page
[OK] Generated a page named test-page!

Page created inside src/ folder, near app/folder

drwxr-xr-x  7 roman  staff   224 Jan 31 18:44 app
drwxr-xr-x  4 roman  staff   128 Jan 31 18:44 assets
-rw-r--r--  1 roman  staff  1655 Jan 31 17:41 index.html
-rw-r--r--  1 roman  staff   266 Jan 31 17:41 manifest.json
drwxr-xr-x  4 roman  staff   128 Jan 31 18:46 pages
-rw-r--r--  1 roman  staff   741 Jan 31 17:41 service-worker.js
drwxr-xr-x  3 roman  staff    96 Jan 31 18:44 theme

Also generated directive, placed near app/ directory, like before with page.

Main questions:

  1. Is it right with Ionic 3? Maybe if “ionic generate something” place all in src/ folder, don’t touch nothing and trust generator?
  2. Where from that generator knows which version of Ionic in current project? Because CLI version is 4.8.0, I through ionic version the same too.
  3. “ionic generate” can not generate validator (custom), so I must create it manually.
    Place “validators” folder in src/ folder, like “ionic generate” place folders like pages, directives etc?
    Or place inside src/app, like angular way?

Posts: 1

Participants: 1

Read full topic

Images on assets are not loaded when in --release/prod mode

$
0
0

@franzisk4sis wrote:

Hi guys,

Anyone could tell me why images on assets are not loaded when I run the app on Android device using release or prod command option?

As an example I have this simple list:
Running in debug mode:

ionic cordova run android -l -c --minifyjs --minifycss

Running in release/prod mode:
ionic cordova run android --release --minifyjs --minifycss

Template:

<ion-avatar item-start>
  <img src="../assets/img/group-icon.png" />
</ion-avatar>

Any thoughts?

Posts: 1

Participants: 1

Read full topic

How to display matched regex pattern?

$
0
0

@baattexx wrote:

i’m using regex to find a match from an array. then, if it finds a match, the matched string should be displayed
ts file

    this.vision.recognizeImageText(this.imageToProcess).subscribe(
      result => {
        this.ocrResult = lineSegementation(
          result["responses"][0].textAnnotations
        );
        console.log(result);
        console.log(this.ocrResult);
        spinner.dismiss();
      },
      err => {
        console.error(err);
        spinner.dismiss();
      }
    );
    this.ocrResult.foreach(line =>{
      let matched = new RegExp("[A-Z\s]+"); //match only capital letters, spaces 
      let merchant = matched.exec(line)
      if (merchant[0] !== "") {
        return merchant
      }
    });

home.html file

  <ion-card *ngIf="merchant">
    <ion-card-content>
      Result:
        <ion-label>Merchant {{ merchant }}</ion-label>
    </ion-card-content>

Posts: 2

Participants: 2

Read full topic

Ionic 4 fail to load index

$
0
0

@Breakdom wrote:

Hello everyone, I just went to Ionic 4 and tried to start a basic project. In the browser everything works correctly but as soon as I export the app for IOS or Android after the splash screen the app remains blocked and from the log I see that it can not load the index.html of the project.

Posts: 1

Participants: 1

Read full topic

Ionic FileTransfer not working on iOS - broken plugin?

$
0
0

@marie_fashion wrote:

Hey all! I am trying for two days now, to upload a file to my server. Here is my config:

Ionic: CLI 4.7.1
Cordova: 8.1.2 (cordova-lib@8.1.1)

I have added the following:

ionic cordova plugin add cordova-plugin-file-transfer
npm install @ionic-native/file-transfer

Afterwards I did put it within the app.module.ts like this:

import { FileTransfer} from '@ionic-native/file-transfer';

[... shorten ...]

  providers: [
    ....
    File,
    FileTransfer,
    Base64,
    {provide: ErrorHandler, useClass: IonicErrorHandler}
  ]
})

and within my page I added the following:

import { FileTransfer, FileUploadOptions, FileTransferObject } from '@ionic-native/file-transfer';

  constructor(public navCtrl: NavController, [..], private base64: Base64, public http: HttpClient, private transfer: FileTransfer) {

  }

I even did not implement code but when I try to run:

ionic Cordova build iOS

I do get the following error:

[18:55:27]  typescript: src/app/app.module.ts, line: 24 
            Argument of type '{ declarations: (typeof AboutPage | typeof ContactPage | typeof HomePage | typeof TabsPage 
            | type...' is not assignable to parameter of type 'NgModule'. Types of property 'providers' are 
            incompatible. Type '(typeof SplashScreen | typeof Camera | typeof Media | typeof File | typeof Base64 | 
            FileTransferO...' is not assignable to type 'Provider[]'. Type 'typeof SplashScreen | typeof Camera | typeof 
            Media | typeof File | typeof Base64 | FileTransferOr...' is not assignable to type 'Provider'. Type 
            'FileTransferOriginal' is not assignable to type 'Provider'. Type 'FileTransferOriginal' is not assignable 
            to type 'ClassProvider'. Property 'provide' is missing in type 'FileTransferOriginal'. 

      L24:  @NgModule({                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
      L25:    declarations: [


[ ,,, ]

[18:55:27]  ionic-app-script task: "build" 
[18:55:27]  Error: Failed to transpile program 
Error: Failed to transpile program
    at new BuildError (/Users/marie/playground/ionic/AppDevelopment/node_modules/@ionic/app-scripts/dist/util/errors.js:16:28)
    at /Users/marie/playground/ionic/AppDevelopment/node_modules/@ionic/app-scripts/dist/transpile.js:159:20
    at new Promise (<anonymous>)
    at transpileWorker (/Users/marie/playground/ionic/AppDevelopment/node_modules/@ionic/app-scripts/dist/transpile.js:107:12)
    at Object.transpile (/Users/marie/playground/ionic/AppDevelopment/node_modules/@ionic/app-scripts/dist/transpile.js:64:12)
    at /Users/marie/playground/ionic/AppDevelopment/node_modules/@ionic/app-scripts/dist/build.js:109:82
[ERROR] An error occurred while running subprocess ionic-app-scripts.

This error seems to be common but no-one did post a solution yet. Most of the references I found on Stackoverflow say - it is due to a deprecated plugin? Is this FileTransfer Plugin deprecated?

https://stackoverflow.com/questions/46068697/ionic-fileuploadoptions-throw-error-when-add-to-app-module-ts (This did not work for me)

Thanks

Posts: 1

Participants: 1

Read full topic


Call Android native activity from Ionic Webview

$
0
0

@Bala000 wrote:

Hi Team,
Can I call native android activity from Ionic WebView?

I need to build a Ionic Webview from where I need to call some native android activity. Is this possible?

I have developed set of pages in android native activity. Now I want to create a homepage in ionic webview from where i need to call my android native activities that i have written previously. Is this possible?

Background Information: I have developed an android app. I want to slowly migrate to Ionic framework. Thus I wanted to convert few parts of the app like some of the native android activity to ionic webview.

Posts: 1

Participants: 1

Read full topic

Ion-Progress-Bar Inside ngFor List Showing For Every Item

$
0
0

@ewgiddings wrote:

<ion-item-sliding *ngFor="let item of items">
    <ion-item *ngIf="lessonSegment == 'available'" (click)="download()">
      <ion-row>
      <ion-progress-bar *ngIf="downloading" color="primary" value="0.5" size="12"></ion-progress-bar>
      <ion-col size="12">
        {{item.name}}
      </ion-col>
      <ion-col size="12">
        {{item.description}}
      </ion-col>
    </ion-row>
    <div slot="end" class="download-text">Download</div>
    </ion-item>

When I add a progress bar to this ngFor with a boolean ngIf set to true once download starts, then the progress shows up for every item, not just the one clicked.

How do I have it only show up for the item that has been clicked?

Posts: 1

Participants: 1

Read full topic

Convert Blob to file

$
0
0

@slmarcos wrote:

Hello, I have a blob of type webm, I need to convert it to a file, access it and in sequence convert to MP4 to save it somewhere. Can someone give me a hand with any of these steps?
Briefly, I’m putting together an application that takes 3 photos of the camera and makes a video or gif with them, I tried to transform it into a gif but I lose a lot of the quality of the images and it takes a lot of time to process on the device. Thank you for your help.

Tnks

Posts: 1

Participants: 1

Read full topic

Tab keeps previous tab after push

$
0
0

@teddykossoko wrote:

Hi community.
I have two pages A and B.
In Page A, after a form validation, I redirect to page B with push.

                        this.app.getRootNav().getActiveChildNav().select(2);
                        scheduleCtrl.push(ContactPage);

When I click on tab A, I still have the page B. And when I click once in the tab A, at that time ionic show me page A.

How could I correct it please?

Posts: 1

Participants: 1

Read full topic

Ion select box

$
0
0

@josevaranam wrote:

In ionic 4, not able to update the style of i want to modify the styles of

.select-placeholder {
	    opacity: 1;
	}

    .select-icon {
	    width: 25px;
	    height: 25px;
	}

Any way to edit the styles of these.

Posts: 1

Participants: 1

Read full topic

Click event on button not working inside ion-slide

$
0
0

@Deepak1233 wrote:

well hello
I have a app where i have added a silder with button and on buttton i have wrritten (click) event
But problem is it is not getting triggered

Noticable thing is that click gesture (background changes when we click on button ) is there whenever i click on that button.

I have only one ion-slide in slides.

Posts: 1

Participants: 1

Read full topic

Error on entering provider

$
0
0

@gokulanathan wrote:

import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';
import { LinkPage } from '../pages/link/link';
import { NativePageTransitions } from '@ionic-native/native-page-transitions';

import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';

@NgModule({
declarations: [
MyApp,
HomePage,
LinkPage,


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

],
providers: [
  StatusBar,
  SplashScreen,
  NativePageTransitions,


{provide: ErrorHandler, useClass: IonicErrorHandler}
 ]
})
export class AppModule {}

while i try to enter provider for nativePageTransitions, it shows an error…
[[ts]
Type ‘NativePageTransitionsOriginal’ is not assignable to type ‘Provider’.
Type ‘NativePageTransitionsOriginal’ is missing the following properties from type ‘FactoryProvider’: provide, useFactory [2322]]

Posts: 1

Participants: 1

Read full topic


Universal Links works In development but not from AppStore Apps or Production

$
0
0

@amamitpandey wrote:

If You using Cordova/Ionic v3

There is bug…

Check these Step:

There Are Four process

1.app console

App ids -> select app id→ enabled Associated Domains -> Done Provisioning Profile -> Edit again

  1. On Xcode

AppName -> general -> capability -> Associated Domains -> + ->

applinks:example.com

  1. On Your Server Upload apple-app-site-association file in root dir for http And .well-known folder for https

Ex - https://www.skyscanner.com/apple-app-site-association

Ex - https://www.skyscanner.com/.well-known/apple-app-site-association

Don’t append this file as json leave as text Ex – of apple-app-site-association

4.(Important)

(cordova) project folder there are two files: Project -> plateform -> ios -> projectNameFolder ->

Entitlements-Debug.plist

Entitlements-Release.plist

When I add the value applinks:example.com to Capabilities–> Associated domains -> Domains, the Entitlements-Debug.plist got the lines:

 <key>com.apple.developer.associated-domains</key> <array>  
 <string>applinks:example.com</string> </array>

BUT the Entitlements-Release.plist did not change. What I did to solve the issue is to copy-paste the generated lines form the Entitlements-Debug.plist. After this, I did the exact same Archive and upload process as before and everything worked fine.

and use ionic-plugin-deeplinks to get params and Route your Deeplink process

…Thanks Later First Build Your Project

Posts: 1

Participants: 1

Read full topic

Why Banner of AdMobFree is Not shown [ionic V 3]

$
0
0

@anitatmj wrote:

Hai All
I Try Plugin AdMobFree on My App.
I have created admob id and id banner but when i try it on my app ( myapp.apk) , thats banner not shown ?

This my home.ts

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { AdMobFree, AdMobFreeBannerConfig } from '@ionic-native/admob-free';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
 constructor(public navCtrl: NavController, private adMobFree: AdMobFree) {
  
  }
 showBannerAd() {
    
      const bannerConfig: AdMobFreeBannerConfig = {
        id: 'ca-app-pub-1312092729851913/4376541127',
        autoShow: true
      };

      this.adMobFree.banner.config(bannerConfig);
      this.adMobFree.banner.prepare().then(()=> {
      this.adMobFree.banner.show();
      
      })
      .catch(e => console.log(e));

      }
    }

my ionic & plugin info
C:\Users\ACER\Music\project>cordova plugins
cordova-admob-sdk 0.22.0 “AdMob SDK”
cordova-plugin-admob-free 0.25.0 “Cordova AdMob Plugin”
cordova-plugin-apprate 1.4.0 “AppRate”
cordova-plugin-device 2.0.2 “Device”
cordova-plugin-dialogs 2.0.1 “Notification”
cordova-plugin-globalization 1.11.0 “Globalization”
cordova-plugin-inappbrowser 3.0.0 “InAppBrowser”
cordova-plugin-ionic-keyboard 2.1.3 “cordova-plugin-ionic-keyboard”
cordova-plugin-ionic-webview 2.3.2 “cordova-plugin-ionic-webview”
cordova-plugin-nativestorage 2.3.2 “NativeStorage”
cordova-plugin-splashscreen 5.0.2 “Splashscreen”
cordova-plugin-statusbar 2.4.2 “StatusBar”
cordova-plugin-whitelist 1.3.3 “Whitelist”
cordova-plugin-x-socialsharing 5.4.4 “SocialSharing”
cordova-promise-polyfill 0.0.2 “cordova-promise-polyfill”
es6-promise-plugin 4.2.2 “Promise”

C:\Users\ACER\Music\project>ionic info

Ionic:

ionic (Ionic CLI) : 4.5.0 (C:\Users\ACER\AppData\Roaming\npm\node_modules\io
nic)
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-i
onic-webview 2.3.2, (and 10 other plugins)

System:

NodeJS : v10.14.0 (C:\Program Files\nodejs\node.exe)
npm : 6.4.1
OS : Windows 8.1

My cordova_plugin.js

cordova.define('cordova/plugin_list', function(require, exports, module) {
module.exports = [
  {
    "id": "cordova-promise-polyfill.Promise",
    "file": "plugins/cordova-promise-polyfill/www/Promise.js",
    "pluginId": "cordova-promise-polyfill",
    "runs": true
  },
  {
    "id": "cordova-promise-polyfill.promise.min",
    "file": "plugins/cordova-promise-polyfill/www/promise.min.js",
    "pluginId": "cordova-promise-polyfill"
  },
  {
    "id": "cordova-plugin-admob-free.AdMob",
    "file": "plugins/cordova-plugin-admob-free/www/admob.js",
    "pluginId": "cordova-plugin-admob-free",
    "clobbers": [
      "admob",
      "AdMob",
      "plugins.AdMob"
    ]
  },
  {
    "id": "cordova-plugin-dialogs.notification",
    "file": "plugins/cordova-plugin-dialogs/www/notification.js",
    "pluginId": "cordova-plugin-dialogs",
    "merges": [
      "navigator.notification"
    ]
  },
  {
    "id": "cordova-plugin-dialogs.notification_android",
    "file": "plugins/cordova-plugin-dialogs/www/android/notification.js",
    "pluginId": "cordova-plugin-dialogs",
    "merges": [
      "navigator.notification"
    ]
  },
  {
    "id": "cordova-plugin-globalization.GlobalizationError",
    "file": "plugins/cordova-plugin-globalization/www/GlobalizationError.js",
    "pluginId": "cordova-plugin-globalization",
    "clobbers": [
      "window.GlobalizationError"
    ]
  },
  {
    "id": "cordova-plugin-globalization.globalization",
    "file": "plugins/cordova-plugin-globalization/www/globalization.js",
    "pluginId": "cordova-plugin-globalization",
    "clobbers": [
      "navigator.globalization"
    ]
  },
  {
    "id": "cordova-plugin-inappbrowser.inappbrowser",
    "file": "plugins/cordova-plugin-inappbrowser/www/inappbrowser.js",
    "pluginId": "cordova-plugin-inappbrowser",
    "clobbers": [
      "cordova.InAppBrowser.open",
      "window.open"
    ]
  },
  {
    "id": "cordova-plugin-nativestorage.mainHandle",
    "file": "plugins/cordova-plugin-nativestorage/www/mainHandle.js",
    "pluginId": "cordova-plugin-nativestorage",
    "clobbers": [
      "NativeStorage"
    ]
  },
  {
    "id": "cordova-plugin-nativestorage.LocalStorageHandle",
    "file": "plugins/cordova-plugin-nativestorage/www/LocalStorageHandle.js",
    "pluginId": "cordova-plugin-nativestorage"
  },
  {
    "id": "cordova-plugin-nativestorage.NativeStorageError",
    "file": "plugins/cordova-plugin-nativestorage/www/NativeStorageError.js",
    "pluginId": "cordova-plugin-nativestorage"
  },
  {
    "id": "cordova-plugin-apprate.AppRate",
    "file": "plugins/cordova-plugin-apprate/www/AppRate.js",
    "pluginId": "cordova-plugin-apprate",
    "clobbers": [
      "AppRate"
    ]
  },
  {
    "id": "cordova-plugin-apprate.locales",
    "file": "plugins/cordova-plugin-apprate/www/locales.js",
    "pluginId": "cordova-plugin-apprate",
    "runs": true
  },
  {
    "id": "cordova-plugin-apprate.storage",
    "file": "plugins/cordova-plugin-apprate/www/storage.js",
    "pluginId": "cordova-plugin-apprate",
    "runs": true
  },
  {
    "id": "cordova-plugin-device.device",
    "file": "plugins/cordova-plugin-device/www/device.js",
    "pluginId": "cordova-plugin-device",
    "clobbers": [
      "device"
    ]
  },
  {
    "id": "cordova-plugin-ionic-keyboard.keyboard",
    "file": "plugins/cordova-plugin-ionic-keyboard/www/android/keyboard.js",
    "pluginId": "cordova-plugin-ionic-keyboard",
    "clobbers": [
      "window.Keyboard"
    ]
  },
  {
    "id": "cordova-plugin-ionic-webview.IonicWebView",
    "file": "plugins/cordova-plugin-ionic-webview/src/www/util.js",
    "pluginId": "cordova-plugin-ionic-webview",
    "clobbers": [
      "Ionic.WebView"
    ]
  },
  {
    "id": "cordova-plugin-splashscreen.SplashScreen",
    "file": "plugins/cordova-plugin-splashscreen/www/splashscreen.js",
    "pluginId": "cordova-plugin-splashscreen",
    "clobbers": [
      "navigator.splashscreen"
    ]
  },
  {
    "id": "cordova-plugin-statusbar.statusbar",
    "file": "plugins/cordova-plugin-statusbar/www/statusbar.js",
    "pluginId": "cordova-plugin-statusbar",
    "clobbers": [
      "window.StatusBar"
    ]
  },
  {
    "id": "es6-promise-plugin.Promise",
    "file": "plugins/es6-promise-plugin/www/promise.js",
    "pluginId": "es6-promise-plugin",
    "runs": true
  },
  {
    "id": "cordova-plugin-x-socialsharing.SocialSharing",
    "file": "plugins/cordova-plugin-x-socialsharing/www/SocialSharing.js",
    "pluginId": "cordova-plugin-x-socialsharing",
    "clobbers": [
      "window.plugins.socialsharing"
    ]
  }
];
module.exports.metadata = 
// TOP OF METADATA
{
  "cordova-admob-sdk": "0.22.0",
  "cordova-promise-polyfill": "0.0.2",
  "cordova-plugin-admob-free": "0.25.0",
  "cordova-plugin-dialogs": "2.0.1",
  "cordova-plugin-globalization": "1.11.0",
  "cordova-plugin-inappbrowser": "3.0.0",
  "cordova-plugin-nativestorage": "2.3.2",
  "cordova-plugin-apprate": "1.4.0",
  "cordova-plugin-device": "2.0.2",
  "cordova-plugin-ionic-keyboard": "2.1.3",
  "cordova-plugin-ionic-webview": "2.3.2",
  "cordova-plugin-splashscreen": "5.0.2",
  "cordova-plugin-statusbar": "2.4.2",
  "cordova-plugin-whitelist": "1.3.3",
  "es6-promise-plugin": "4.2.2",
  "cordova-plugin-x-socialsharing": "5.4.4"
};
// BOTTOM OF METADATA
});

my config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id="io.ionic.starter" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>MyApp</name>
    <description>An awesome Ionic/Cordova app.</description>
    <author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
    <content src="index.html" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <preference name="ScrollEnabled" value="false" />
    <preference name="android-minSdkVersion" value="19" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="3000" />
    <platform name="android">
        <allow-intent href="market:*" />
        <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
        <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
        <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
        <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
        <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
        <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
        <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
        <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
        <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
        <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
    </platform>
    <plugin name="cordova-plugin-whitelist" spec="1.3.3" />
    <plugin name="cordova-plugin-statusbar" spec="2.4.2" />
    <plugin name="cordova-plugin-device" spec="2.0.2" />
    <plugin name="cordova-plugin-splashscreen" spec="5.0.2" />
    <plugin name="cordova-plugin-ionic-webview" spec="^2.0.0" />
    <plugin name="cordova-plugin-ionic-keyboard" spec="^2.0.5" />
    <plugin name="cordova-plugin-x-socialsharing" spec="5.4.4" />
    <plugin name="cordova-plugin-apprate" spec="1.4.0" />
    <plugin name="cordova-plugin-admob-free" spec="0.25.0">
        <variable name="ADMOB_APP_ID" value="ca-app-pub-1312092729851913~6922673794" />
    </plugin>
    <engine name="android" spec="7.1.4" />
</widget>

please help whats wrong ?

Posts: 1

Participants: 1

Read full topic

Clipboard in ionic v3 : Invalid providers

$
0
0

@ThierryTouin wrote:

Hi,

I tried to integrate the @ionic-native/clipboard plugin in my app.module.ts file.
I have the following error message:

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

Have you a solution ?

Thanks in advance,
Thierry

My configuration is:

**Ionic Framework: 3.9.2 **
**Ionic App Scripts: 3.1.9 **
**Angular Core: ^5.2.10 **
**Angular Compiler CLI: ^5.2.10 **
**Node: 9.11.1 **
**OS Platform: Linux 4.15 **
**Navigator Platform: Linux x86_64 **
User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.62 Safari/537.36

Posts: 1

Participants: 1

Read full topic

Color generator

Ionic 4 angular router - navigate from tab page to details page with id in url

$
0
0

@ebeliejinfren wrote:

i have a tab with 3 tabs like : artists, songs, videos
i want in songs page (in tabs) when click on a item (specific song) its navigate to details page with songId in slug - like :
/songs/123

i use below code from tutorials but not working

songs.page.html

<ion-list no-padding lines="none" *ngFor="let song of songs_data.last_songs" [routerLink]="'/song/' + song.id" routerDirection="forward">

tabs.madule.ts

const routes: Routes = [
  {
    path: 'tabs',
    component: TabsPage,
      children:[
          {
              path: 'songs',
              loadChildren: '../songs/songs.module#SongsPageModule'
          },
          {
              path: 'home',
              loadChildren: '../home/home.module#HomePageModule'
          },
          {
              path: 'videos',
              loadChildren: '../videos/videos.module#VideosPageModule'
          },
          {
              path: 'artists',
              loadChildren: '../artists/artists.module#ArtistsPageModule'
          },
          {
            path: 'song/:id',
            outlet: 'songs',
            loadChildren: '../details/details.module#detailsPageModule'
        }

      ]
  },
    {
        path: '',
        redirectTo: '/tabs/home',
        pathMatch: 'full'
    }
];

Posts: 1

Participants: 1

Read full topic

Viewing all 48979 articles
Browse latest View live


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