Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70434 articles
Browse latest View live

Ionic Application Lifecycle Management

$
0
0

@dball wrote:

What is the intended ALM pattern for use with Ionic?

To put that question into context, let me explain our goals. Our desire is to create many different applications that target as many platforms as possible as cost effectively as possible. What might make our applications different from some or even most is that our applications are not throw away and a specific application is not under constant development. What I mean by throw away is that the application is created, deployed, and outside of a critical bug fix that testing missed, it is never enhanced again. Kind of like the business model for producing a movie. In a throw away application, if there is going to be a second version of the application 2 years later, the previous version of the application is thrown away and a new version is created based on current technologies and perhaps some common code that can be salvaged from the first version.

Our intended workflow is to create an application as either an MVP or for some core set of requirements, deploy that application, understand the additional needs of that application, and then come back later and enhance that application if needed based on either requirement changes or new business opportunity changes.

What makes me ask the question with respect to Ionic is me questioning the viability of making a set of enhancements to an application 18 months later after it was initially deployed? Angular already only supports their versions for 18 months with any given version expected to be the current version for only 6 months. But, Angular does provide a tool that allows a user to specify the original version and new version and they give a list of changes to apply to the code to move you forward. I have not performed this step so I don’t know how viable this in fact is.

We wrote an application such as the one I mentioned on Ionic Version 3.0 and every few months we want to make a few small modifications to it and deploy a new version to our customers. It is my understanding that Ionic Version 3.0 is tied to Angular version 5.0, which is no longer supported or recommended. It is also my understanding that the officially recommended way of moving an Ionic application to Version 4.X is to create a new application and start moving code from the original version to the new version. I recall reading that some of the design concepts have completely changed in version 4.0 which implies far more than just moving code from the old project to the new. But I have not learned 4.0 due to the concern I am asking about.

I can imagine if you are writing relatively small disposable apps as a service company that you never intend to update in the future that this model may work well. I can also imagine if you are a company with a single application that you have a team constantly updating that the expensive cost of moving between versions may be relatively insignificant even if painful once every couple of years.

But with our business objectives of creating multiple targeted applications and moving them forward based on business requirements and not technology changes, it seems to me that we must budget a substantial percentage of our resources to updating these applications technologies as compared to their capabilities.

Clearly this problem does not sit squarely with Ionic. But with Ionic being yet another dependency in addition to node, angular, typescript, cordova, android, and IOS; I am wondering if our business objectives are viable using Ionic or even Cordova for that matter.

But I could be missing some critical point. So I am asking with this post:

  1. Should we be using tools like Ionic with these application objectives?
  2. If so, how should we be using them so that are not using a significant portion of our development budget to update application technologies instead of application features?

To provide some context, we already have a mono repository with our Typescript code (all the same version of tsc) broken into libraries where each significant library related to a domain or core technologies sits below frameworks such as Angular or Ionic. This allows us to replace the end technology such as dropping Ionic 3 and Angular for React Native or some other yet to be made decision. If we were to stick with Ionic, is the recommended pattern to rewrite each application every 2 years while leveraging the code not tied to the UI, CSS, and formatting from the previous application the same way a movie maker might reuse some sets and costumes, but otherwise create the new movie from scratch?

Any ideas, discussion, or experiences is appreciated.

Posts: 1

Participants: 1

Read full topic


Android Accessibility Issue "Content labels"

$
0
0

@distante wrote:

When I go to playstore -> Pre-release report in the “Accessibility” tab I get a message like this:

This item may not have a label that can be read by a screen reader.

It sometimes points to the complete app (I suppose the complete web view) and sometimes to parts like the app Header
image
image

Element path: android:id​/content​/WebView[0]​/WebView[0]​/View[0]​/View[0]​/View[0]​/View[1]​/View[0]​/View[0]​/View[0]​/View[0]​/View[0]​/View[0]

When I go into the “more info” link, it shows me documentation about “Content Labels” that does not help me because it is about native Android development.

Is this something I have to/can fix?

For info, my app is currently using Ionic 3 but I am working on an Ionic 4 update.

Posts: 1

Participants: 1

Read full topic

Create A Search Bar Filter through Object

$
0
0

@acedesigns wrote:

Hi All

So I have an API end Point that provided me with the following result set. Please see image of how it looks in the front-end.

I also Used <ion-segment></ion-segment> to filter but Name, City, Occupation.

Question

I want to filter the same result by using the different criteria, which means,

  • On the Creatives Segment I want to type a person name and only filter using Full_name

  • On the City Segment I want to type a city name and only filter using the city from the object result

  • And So On …

My Code

Most of the code comes from Ionic V3 I just combined a lot of it

search.ts

export class SearchPage {

    items: Array<string>;
    criteria: string = "creative";
    allPeople    : any;


    constructor(public navCtrl: NavController, public navParams: NavParams, private searchServ : SearchService,) {
        this.allCreativeUsers();
    }

    allCreativeUsers() {

        this.searchServ.getAllCreatives().then(
            resp => {
                console.log( typeof (resp));
                console.log(resp);
                this.allPeople = resp;
            }
        );

    }


    ionViewDidLoad() {
        //console.log('ionViewDidLoad SearchPage');
    }


    filterItems(ev: any) {
    // This code is from the Example https://ionicframework.com/docs/v3/components/#searchbar
        this.setItems();

        let val = ev.target.value;

        if (val && val.trim() !== '') {
            // Get the matching person name from when I type in the search box
        }
    }
    
}

search.html

<ion-segment [(ngModel)]="criteria">
        <ion-segment-button value="creative"> Creatives </ion-segment-button>

        <ion-segment-button value="cities"> Cities </ion-segment-button>
    </ion-segment>

    <div [ngSwitch]="criteria">

        <ion-list *ngSwitchCase="'creative'">
            <ion-searchbar  placeholder="Filter by names" showCancelButton color="danger" (ionInput)="filterItems($event)"></ion-searchbar>

            <ion-item *ngFor="let person of allPeople; let i = index;" (click)="viewProfile( person.user_id )">
                <ion-avatar item-start>
                    <img src="assets/imgs/avatar-ts-woody.png">
                </ion-avatar>

                <h2>{{ person.full_name}}</h2>

                <p>{{ person.occupation }}</p>

                <ion-note item-end>13-02-2019</ion-note>
            </ion-item>

        </ion-list>

        <ion-list *ngSwitchCase="'cities'">
            <ion-searchbar  placeholder="Filter by City" showCancelButton color="danger" (ionInput)="filterItems($event)"></ion-searchbar>

            <ion-item>
                <h2>Johannesburg</h2>
            </ion-item>

        </ion-list>

    </div>

How Can I achieve this? Please help

Kind Regards

Posts: 1

Participants: 1

Read full topic

Android not compiling due com.google.android.gms:play-services missmatch

$
0
0

@fredylg wrote:

This is the error i get

  • What went wrong:
    The library com.google.android.gms:play-services-measurement-base is being requested by various other libraries at [[15.0.2,15.0.2]], but resolves to 15.0.4. Disable the plugin and check your dependencies tree using ./gradlew :app:dependencies.

my info

Ionic:

ionic (Ionic CLI) : 4.10.2
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.2

Cordova:

cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 7.1.4, browser 5.0.3, ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.0.5, cordova-plugin-ionic-webview 2.0.2, (and 17 other plugins)

System:

Android SDK Tools : 26.1.1
ios-deploy : 1.9.2
NodeJS : v8.11.3
npm : 6.8.0
OS : macOS High Sierra
Xcode : Xcode 10.1 Build version 10B61

my XML

 <platform name="android">
        <feature name="SocialSharing">
            <param name="android-package" value="nl.xservices.plugins.SocialSharing" />
        </feature>
        <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>

 <plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
    <plugin name="cordova-plugin-device" spec="^2.0.2" />
    <plugin name="cordova-plugin-splashscreen" spec="^5.0.2" />
    <plugin name="cordova-plugin-ionic-keyboard" spec="^4.0.3">
        <variable name="CAMERA_USAGE_DESCRIPTION" value="add user profile image" />
        <variable name="PHOTOLIBRARY_USAGE_DESCRIPTION" value="user profile image" />
    </plugin>
    <plugin name="cordova-plugin-file" spec="^6.0.1" />
    <plugin name="cordova-plugin-filepath" spec="^1.3.0" />
    <plugin name="cordova-plugin-x-socialsharing" spec="^5.4.0" />
    <plugin name="cordova-plugin-calendar" spec="^0.9.0-beta.2">
        <variable name="CALENDAR_USAGE_DESCRIPTION" value=" " />
    </plugin>
    <plugin name="cordova-plugin-statusbar" spec="^2.4.2" />
    <plugin name="cordova-android-support-gradle-release" spec="^1.4.4">
        <variable name="ANDROID_SUPPORT_VERSION" value="27.+" />
    </plugin>
    <plugin name="cordova-plugin-camera" spec="^4.0.3">
        <variable name="CAMERA_USAGE_DESCRIPTION" value="add user profile image" />
        <variable name="PHOTOLIBRARY_USAGE_DESCRIPTION" value="user profile image" />
    </plugin>
    <plugin name="cordova-plugin-local-notification" spec="^0.9.0-beta.2" />
    <plugin name="cordova-plugin-ionic-webview" spec="^2.0.2" />
    <plugin name="cordova-plugin-network-information" spec="^2.0.1" />
    <plugin name="mx.ferreyra.callnumber" spec="^1.0.1" />
    <plugin name="cordova-plugin-contacts" spec="^3.0.1" />
    <plugin name="cordova-plugin-firebase" spec="https://github.com/dpa99c/cordova-plugin-firebase#GH-1057-April-05-android-build-issue" />
    <plugin name="cordova-android-play-services-gradle-release" spec="^3.0.0">
        <variable name="PLAY_SERVICES_VERSION" value="15.0.2" />
    </plugin>
    <engine name="browser" spec="^6.0.0" />
    <engine name="ios" spec="4.5.5" />
    <engine name="android" spec="7.1.4" />

I would really appreciate any help…

Posts: 1

Participants: 1

Read full topic

About the Capacitor category

PWA blank page after uploading cloud functions

$
0
0

@kwanite wrote:

I have a PWA that uses Firebase as database and Firebase Hosting.

The PWA works perfectly when I build it locally using ionic serve.

Without functions, PWA also deploys on Firebase Hosting and works well there.

When I create a cloud function and deploy it using “firebase deploy --only functions,” to the same project, the main page turns into a blank page and I only see an empty white screen. I cannot access any of the pages either.

I have tested this thoroughly and the only thing that makes a difference is uploading cloud functions. Cloud functions that I upload work well too when tested on the database.

Does anybody have any higher level advice about where to look and what might cause the problem?

If you need me to share any more information, please let me know. The issue seemed so general that I do not know what to share.

Thank you. My package.json is:

{
    "name": "Happa",
    "version": "1.1.9",
    "author": "Wise Automation Solutions Inc.",
    "homepage": "https://happa.app/",
    "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/core": "~4.10.0",
        "@ionic-native/splash-screen": "~4.10.0",
        "@ionic-native/status-bar": "~4.10.0",
        "@ionic/storage": "2.1.3",
        "angularfire2": "^5.0.0-rc.6",
        "chart.js": "^2.8.0",
        "crypto-js": "^3.1.9-1",
        "firebase": "^4.12.1",
        "geofire": "^4.1.2",
        "ionic-angular": "3.9.2",
        "ionicons": "3.0.0",
        "mapbox-gl": "^0.49.0-beta.1",
        "ngx-qrcode2": "0.0.9",
        "rxjs": "5.5.11",
        "sw-toolbox": "3.6.0",
        "zone.js": "0.8.26"
    },
    "devDependencies": {
        "@ionic/app-scripts": "3.1.11",
        "typescript": "^3.1.3"
    },
    "description": "An Ionic project"
}

Posts: 1

Participants: 1

Read full topic

Common node module folder for multiple ionic projects

$
0
0

@krunal54 wrote:

I am having 3 ionic projects into my workflow. It has a separate node module folder for every project.
I want to know whether is it possible to have a common node module folder which can be placed as a parent folder to all projects.
One thing might stop is the push notification plugin as it has different sender id for a different project.

Can anyone help me out with this?

Posts: 1

Participants: 1

Read full topic

Overscroll page bounce?

$
0
0

@stevenhastie wrote:

How can I make the website I am building bounce at the top and bottom like nearly every website on the net does?

My ionic 4 website is frozen with no bouncing at the top or bottom.

I’ve tried the forceOverscroll property and it doesn’t do anything except make the screen scroll a few pixels even if there is no scrollable content… but it doesn’t bounce.

Posts: 1

Participants: 1

Read full topic


Component initialization inside a ionic page

$
0
0

@sourabhchopade03 wrote:

I have a “Home Page”, inside that I have created one component “RecentlyViewedProductComponent”.
My problem is, when I navigate to “/home” by using this.router.navigate([’/home’]); the ngOnInit() inside “RecentlyViewedProductComponent” is not working. when I close the app again open it that only it is working .
How to solve this problem?

Posts: 1

Participants: 1

Read full topic

Ionic 4 tabs not working

$
0
0

@jayanthi598 wrote:

HI I am using ionic 4.12.0 version… Am facing tabs issue.

I have created pages like tabs, tab1, tab2 and tab3 and imported in app.routing moule.

{ path: ‘tabs’, loadChildren: ‘./tabs/tabs.module#TabsPageModule’ },

after that added loadchildren in tabs.routing module.

import { NgModule } from ‘@angular/core’;
import { RouterModule, Routes } from ‘@angular/router’;
import { TabsPage } from ‘./tabs.page’;

const routes: Routes = [
{
path: ‘’,
component: TabsPage,
children: [
{
path: ‘tab1’,
children: [
{
path: ‘’,
loadChildren: ‘…/tab1/tab1.module#Tab1PageModule’
}
]
},
{
path: ‘tab2’,
children: [
{
path: ‘’,
loadChildren: ‘…/tab2/tab2.module#Tab2PageModule’
}
]
},
{
path: ‘tab3’,
children: [
{
path: ‘’,
loadChildren: ‘…/tab3/tab3.module#Tab3PageModule’
}
]
},
{
path: ‘’,
redirectTo: ‘/tabs/tab1’,
pathMatch: ‘full’
}
]
}
];

@NgModule({
imports: [
RouterModule.forChild(routes)
],
exports: [RouterModule]
})
export class TabsPageRoutingModule {}

Am able to navigate to the tabs page.

But not able to see the tabs page design…

can any one help me out…

Posts: 1

Participants: 1

Read full topic

Ionic 4 tabs routing not change

$
0
0

@mesutseyhan wrote:

Hi,
i ionic 4 tabs using. Hardware back button listener on the OtherTabPage. HomeTabPage and OtherTabPage icons remain selected when the hardwareBackButton function runs. but there is no problem running onClick function.

<ion-button (click)="onClick()">
Go Home
</ion-button>
export class OtherTabPage {

constructor(private platform: Platform) {
        this.hardwareBackButton();
    }

hardwareBackButton() {
        this.platform.backButton.subscribe(async () => {
               this.router.navigateByUrl('/'); // Go to home
    });
}

 onClick() {
        this.router.navigateByUrl('/'); // Go to home
    }

}

Posts: 1

Participants: 1

Read full topic

Cannot remove AppFlow

$
0
0

@wherewolfnz wrote:

Hey,

I followed these steps: https://ionicframework.com/docs/appflow/quickstart/connect

Got AppFlow working as a test, all great. Deployed a change and it was picked up.

Now I want to get rid of AppFlow and just run another version of my app without AppFlow.

I have switched back to my branch with no AppFlow work, and have done the following:

  • Reinstalled node modules

    rm -r node_modules
    npm install

  • Removed the ionic plugin

    cordova plugin rm cordova-plugin-ionic --save --variable APP_ID=appid CHANNEL_NAME=master

  • This actually fails because the plugin does not exist anyway on this branch

$ cordova plugin list
cordova-plugin-app-version 0.1.9 "AppVersion"
cordova-plugin-device 2.0.1 "Device"
cordova-plugin-file 6.0.1 "File"
cordova-plugin-file-transfer 1.7.1 "File Transfer"
cordova-plugin-ionic-keyboard 2.1.3 "cordova-plugin-ionic-keyboard"
cordova-plugin-ionic-webview 2.4.1 "cordova-plugin-ionic-webview"
cordova-plugin-market 1.2.0 "Market"
cordova-plugin-memory-status 1.0.0 "MemoryStatus"
cordova-plugin-memory-warning 1.0.0 "CordovaPluginMemoryWarning"
cordova-plugin-splashscreen 5.0.2 "Splashscreen"
cordova-plugin-statusbar 2.4.2 "StatusBar"
cordova-plugin-whitelist 1.3.3 "Whitelist"
cordova-sqlite-storage 3.2.0 "Cordova sqlite storage plugin - cordova-sqlite-storage plugin version"
  • Removed and added ios:

    ionic cordova platform remove ios
    ionic cordova platform add ios

  • Rebuilt the app

    ionic cordova build ios

  • Prepared the app

    ionic cordova prepare ios

  • Removed DerivedData from xcode

    rm -r /Users/username/Library/Developer/Xcode/DerivedData

  • Removed the app from simulator

  • Deployed the app to a different simulator device

When I run the app through xcode or using ionic cordova emulate ios it will always show the last version I pushed to the master channel in AppFlow, I can see in xcode the output that is fetching that release:

{
    appId = id;
    availableUpdate =     {
        binaryVersionCode = "1.0.0";
        binaryVersionName = "1.12.2";
        buildId = id;
        channel = Master;
        lastUsed = "2019-06-20T06:07:15.258Z";
        state = ready;
        url = "https://api.ionicjs.com/apps/...etc...";
        versionId = "id";
    };
    binaryVersion = "1.12.2";
    binaryVersionCode = "1.0.0";
    binaryVersionName = "1.12.2";
    channel = Master;
    disabled = 0;
    host = "https://api.ionicjs.com";
    maxVersions = 2;
    minBackgroundDuration = 30;
    updateMethod = background;
    updates =     {
        "id" =         {
            binaryVersionCode = "1.0.0";
            binaryVersionName = "1.12.2";
            buildId = 6551846;
            channel = Master;
            lastUsed = "2019-06-20T06:07:15.258Z";
            state = ready;
            url = "https://api.ionicjs.com/apps/...etc...";
            versionId = "id";
        };
    };
}

Posts: 2

Participants: 1

Read full topic

CDVPlugin class does not exist ios ionic1

$
0
0

@awaism551 wrote:

My app is built in ionic1 and is using 2 custom plugins and one of those plugins is not loading properly in ios. I can see the error in console log of xcode which is “CDVPlugin UDPSender class does not exist”. I have tried few of the answers already answered here but none of them worked for me like

  • removing and adding platform again
  • adding .swift or .m file in Build phases->compiled sources in xcode
  • removing ios.json file and then making build again

When I debug the app from safari, I get this error “undefined is not a function”. Actually sendRequest function present in UdpSender.js file is called from ControllerRequest.js file and as the plugin is not loaded so this error is shown in console of safari. Plugin is written in swift so bridging header.h file is also added, may be I am not adding the udpsender.swift file in compiled sources in the right way

Posts: 1

Participants: 1

Read full topic

Developer for Ionic 3 redis provider

$
0
0

@fcodebue wrote:

We need urgently a developer can give us a solution for a provider to communicate with REDIS

We are developping a chat solutions and need help, naturally paid, to develop a provider to communicate with REDIS using some features for working in the PUB, SUB schema

Fabio
P-Soft

Posts: 2

Participants: 2

Read full topic

Androidx.legacy:legacy-support-v4:28.+

$
0
0

@Tamsel wrote:

Could not determine the dependencies of task ‘:app:compileDebugJavaWithJavac’.

Could not resolve all task dependencies for configuration ‘:app:debugCompileClasspath’.
Could not find any version that matches androidx.legacy:legacy-support-v4:28.+.
Versions that do not match:
- 1.0.0
- 1.0.0-rc02
- 1.0.0-rc01
- 1.0.0-beta01
- 1.0.0-alpha3
- + 1 more
Required by:
project :app
Could not find any version that matches androidx.legacy:legacy-support-v4:28.+.
Versions that do not match:
- 1.0.0
- 1.0.0-rc02
- 1.0.0-rc01
- 1.0.0-beta01
- 1.0.0-alpha3
- + 1 more
Required by:
project :app
Could not find any version that matches androidx.legacy:legacy-support-v4:28.+.
Versions that do not match:
- 1.0.0
- 1.0.0-rc02
- 1.0.0-rc01
- 1.0.0-beta01
- 1.0.0-alpha3
- + 1 more
Required by:
project :app
Could not find any version that matches androidx.legacy:legacy-support-core-utils:28.+.
Versions that do not match:
- 1.0.0
- 1.0.0-rc02
- 1.0.0-rc01
- 1.0.0-beta01
- 1.0.0-alpha3
- + 1 more
Required by:
project :app
Could not find any version that matches androidx.annotation:annotation:28.+.
Versions that do not match:
- 1.1.0
- 1.1.0-rc01
- 1.1.0-beta01
- 1.1.0-alpha02
- 1.1.0-alpha01
- + 8 more
Required by:
project :app
Could not find any version that matches androidx.legacy:legacy-support-v4:28.+.
Versions that do not match:
- 1.0.0
- 1.0.0-rc02
- 1.0.0-rc01
- 1.0.0-beta01
- 1.0.0-alpha3
- + 1 more
Required by:
project :app
Could not find any version that matches androidx.appcompat:appcompat:28.+.
Versions that do not match:
- 1.1.0-beta01
- 1.1.0-alpha05
- 1.1.0-alpha04
- 1.1.0-alpha03
- 1.1.0-alpha02
- + 9 more
Required by:
project :app
Could not find any version that matches androidx.appcompat:appcompat:28.+.
Versions that do not match:
- 1.1.0-beta01
- 1.1.0-alpha05
- 1.1.0-alpha04
- 1.1.0-alpha03
- 1.1.0-alpha02
- + 9 more
Required by:
project :app

After migrating cordova android 8 i am getting above error. Thanks!

Posts: 2

Participants: 1

Read full topic


Order data by date from json in ionic 3

$
0
0

@Tubiss wrote:

ı am realy confused about sorting data by date from json.
my json api like this.

{“data”:[{“id”:2,“start_time”:“2019-06-26 00:00:00”,“delete”:0,“type”:1,“created_at”:null,“updated_at”:null}]}
how can ı sort date for depend on start time.

Posts: 1

Participants: 1

Read full topic

Bug in id company name config.xml

$
0
0

@ecl66 wrote:

Hello All,

I need to have a company name such as abcd-efg.com, so that the product id is com.abcd-efg.app.
Unfortunately, when I generate the Android plateform (ionic cordova build android), I get the error 'Error validating package name. Must look like: com.company.Name…)

Is that a proper bug ?

Thanks

Posts: 1

Participants: 1

Read full topic

Error: Command failed: wmic os get Caption while trying commands like 'ionic info / plugin install'

$
0
0

@raj-prashanth wrote:

I am getting this below error from today when i try to run a command ionic info / try to install a plugin ionic cordova plugin add cordova-plugin-cszbar

i was working on the same project till yesyerday were no bugs or errors were encountered.
i installed new ionic root and created a project (working) but getting the same error when i try the commands

details:

  • windows10
  • node version: v10.16.0
  • npm: 6.4.1
  • cordova@9.0.0
  • ionic@5.0.3
  • androidstudio 3.4.0

while trying C:\ionic+\Cc-Mobile-App-master>ionic info

Error: Command failed: wmic os get Caption
ERROR:
Description = Invalid namespace

at makeError (C:\Users\Welcome\AppData\Roaming\npm\node_modules\ionic\node_modules\execa\index.js:174:9)
at Function.module.exports.sync
(C:\Users\Welcome\AppData\Roaming\npm\node_modules\ionic\node_modules\execa\index.js:338:15)
at windowsRelease (C:\Users\Welcome\AppData\Roaming\npm\node_modules\ionic\node_modules\windows-release\index.js:34:24)
at osName (C:\Users\Welcome\AppData\Roaming\npm\node_modules\ionic\node_modules\os-name\index.js:39:18)
at Environment.getInfo (C:\Users\Welcome\AppData\Roaming\npm\node_modules\ionic\lib\index.js:42:20)

while trying C:\ionic+\Cc-Mobile-App-master>ionic cordova plugin add cordova-plugin-cszbar

cordova.cmd plugin add cordova-plugin-cszbar
C:\ionic+\Cc-Mobile-App-master\node_modules\execa\index.js:347
throw err;
^
Error: Command failed: wmic os get Caption
Description = Invalid namespace

at makeError (C:\ionic+\Cc-Mobile-App-master\node_modules\execa\index.js:174:9)
at Function.module.exports.sync (C:\ionic+\Cc-Mobile-App-master\node_modules\execa\index.js:338:15)
at windowsRelease (C:\ionic+\Cc-Mobile-App-master\node_modules\windows-release\index.js:34:24)
at osName (C:\ionic+\Cc-Mobile-App-master\node_modules\os-name\index.js:39:18)
at new Insight (C:\ionic+\Cc-Mobile-App-master\node_modules\insight\lib\index.js:37:13)
at Object. (C:\ionic+\Cc-Mobile-App-master\node_modules\cordova\src\telemetry.js:26:15)
at Module._compile (internal/modules/cjs/loader.js:776:30)
at Object.Module._extensions…js (internal/modules/cjs/loader.js:787:10)
at Module.load (internal/modules/cjs/loader.js:653:32)
at tryModuleLoad (internal/modules/cjs/loader.js:593:12)
[ERROR] An error occurred while running subprocess cordova.

cordova.cmd plugin add cordova-plugin-cszbar exited with exit code 1.
Re-running this command with the --verbose flag may provide more information.

for reference:

anyone please correct me, what i am wrong or what should i need to change inorder to make this working! thanks in advance.

Posts: 1

Participants: 1

Read full topic

Ion-tabs transition animation ionic 4

$
0
0

@italiancoders wrote:

Hi,
exist a way to have an animation for the transition between tabs?
Something like that:

The main problem of Ionic for me is the too much static behaviour of the components, my users asked for some animations because the app seems too much similar to a web app instead of a native one.
For example there is no way to hide the nabber on scroll or to make the status bar coloured on iOS after the scroll (and transparent when on top).
Thank you

Posts: 1

Participants: 1

Read full topic

APK size has increased from ionic 4.0.0 to 4.5.0

$
0
0

@nuagoz wrote:

ionic (Ionic CLI) : 4.12.0
Ionic Framework : @ionic/angular 4.5.0
@angular-devkit/build-angular : 0.11.4
@angular-devkit/schematics : 7.1.4
@angular/cli : 7.1.4
@ionic/angular-toolkit : 1.2.3

Hi,

I was developing on Ionic (angular) 4.0.0-rc.0 and I needed to update to the lastest version (4.5.0).
Before updating, my generated apk size was 6-7 mo (with --prod flag) and since the update to 4.5.0 my apk size 11 mo with the same code !

I saw that in www folder there are like 120 / 130 files generated during the build in 4.0.0-rc.0 version against 300+ for 4.5.0 version.

So, I wanted to know if it was normal to have many more files generated during the build in 4.5.0 compared to version 4.0.0-rc.0. And why the size of the apk has increased so much ? Did I miss something (like optimization scripts that do not run the same way anymore) ?

Since my app is published on the stores, it’s very important that I keep a small .apk file

Thanks for your help !

Posts: 1

Participants: 1

Read full topic

Viewing all 70434 articles
Browse latest View live


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