Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 228551 articles
Browse latest View live
↧

White Blank Screen After Splash Screen

July 6, 2019, 8:30 pm
$
0
0

I tested my app “ionic serve --lab” and everything is fine. No errors or warnings at all. I also tried “ionic cordova run android --device” which successfully builds, installs and runs app on my android phone. I saw a quick flash of white screen and immediately it showed my the root page which is a sign-in page. Didn’t see any errors or warnings. Everything looked normal.

I then built using “ionic cordova build android --prod” which created app-debug.apk . I installed this into my android phone. After I clicked icon, I saw splash screen and then the white blank screen. Can some one please help. Any help will be really appreciated. Thank you so much.

My package.json and config.xml files are located here: https://drive.google.com/drive/folders/13oWbn7NxacBKc7uv1AqFXHZ1n9Mixo-L?usp=sharing

Below is output of “ionic info” command:

Ionic:

Ionic CLI : 5.1.0 (C:\Users\vkgandhi84\AppData\Roaming\npm\node_modules\ionic) Ionic Framework : ionic-angular 3.9.6 @ionic/app-scripts : 3.2.3

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1) Cordova Platforms : android 8.0.0 Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 12 other plugins)

Utility:

cordova-res : 0.5.1 native-run : 0.2.7

System:

Android SDK Tools : 26.1.1 (C:\Users\vkgandhi84\Projects\LAMA\Tools\sdk-tools-windows-4333796) NodeJS : v12.4.0 (C:\Program Files\nodejs\node.exe) npm : 6.9.0 OS : Windows 10

↧
Search

White Blank Screen After Splash Screen

July 6, 2019, 9:10 pm
$
0
0

if the white screen dose not disappear after a while, then there is an error. you might need to debug using chrome://inspect

do the following:

1- connect to your phone using USB
2- run, ionic cordova run android --prod
(or, run ionic cordova build --release --prod and take the app.apk and install it in your device)
3- once installation finished, open chrome browser and write chrome://inspect

image

click inspect, and go to console tab. You might see an error message. Sometimes you might not see an error cause you did not console.log() it in the the function. other reasons might be:

  • plugin issue
  • permission not granted (in your case might be storage permission)

good luck :wink:

↧
↧

Ion-picker - not getting button pressed details back

July 6, 2019, 9:13 pm
$
0
0

I can’t seem to get the button role from ion-picker. I need to know if it was ‘done’ or ‘cancel’.
They data is just coming back as follows:

{data: undefined, role: undefined}

let opts: PickerOptions = {
      cssClass: 'time-picker',
      buttons: [
        {
          text: 'Cancel',
          role: 'cancel'
        },
        {
          text: 'Done',
          role: 'done'
        }
      ],
      columns: [
        {
          name: 'hour',
          options: [
            { text: '01', value: '01' },
            { text: '02', value: '02' },
            { text: '03', value: '03' },
            { text: '04', value: '04' },
            { text: '05', value: '05' },
            { text: '06', value: '06' },
            { text: '07', value: '07' },
            { text: '08', value: '08' },
            { text: '09', value: '09' },
            { text: '10', value: '10' },
            { text: '11', value: '11' },
            { text: '12', value: '12' },
            { text: '13', value: '13' },
            { text: '14', value: '14' },
            { text: '15', value: '15' },
            { text: '16', value: '16' },
            { text: '17', value: '17' },
            { text: '18', value: '18' },
            { text: '19', value: '19' },
            { text: '20', value: '20' },
            { text: '21', value: '21' },
            { text: '22', value: '22' },
            { text: '23', value: '23' },
            { text: '24', value: '24' }
          ]
        },
        {
          name: 'minute',
          options: [
            { text: '00', value: '00' },
            { text: '15', value: '15' },
            { text: '30', value: '30' },
            { text: '45', value: '45' }
          ]
        }
      ]
    };

const picker = await this.pickerCtrl.create(opts);
    picker.present();
    picker.onDidDismiss().then(async data => {
      console.log(data);
      const hour = await picker.getColumn('hour');
      const minute = await picker.getColumn('minute');
      this.onChangeFinishTime((hour.options[hour.selectedIndex].value) as number, minute.options[minute.selectedIndex].value as number);
      this.isPickerOpen = false;
    });
↧

Unable to set height

July 6, 2019, 9:13 pm
↧

Ion-picker selected value

July 6, 2019, 10:02 pm
$
0
0

Anyone know how to pass which values to select to an ion-picker so it behaves the same as ion-datetime?

Currently it resets each time and the currently selected value is lost.

↧
↧

Hi, everyone I want a recommendation building a ecommerce android app

July 6, 2019, 10:13 pm
$
0
0

Can we make a huge ecommerce app using reactjs redux firebase ofcourse ionic. The modules include
1 shopping card
2 wallet
3 reward system
4 Live video streaming using tiktok a nexmo api
5 order delivery system
6 360 product display

Is it possible? O else will I switch to react native? If yes any suggestion links

↧

Unable to set height

July 6, 2019, 11:05 pm
$
0
0

Capture
above the text is partially covered

thanks for replying i tried this already [attr.rows]=10
it works only when i press enter. i need the rows set without having to press enter

↧

Unable to set height

July 6, 2019, 11:16 pm
$
0
0

You don’t set height , rather you set rows attribute:

rows=“15”

↧
Search

5.2.1 Compile error

July 6, 2019, 11:20 pm
$
0
0

provide your project information first:

run in CMD/ Terminal , ionic info

then post it here

↧
↧

Unable to set height

July 6, 2019, 11:26 pm
$
0
0

hi , thanks alot it works but not until i removed auto-grow=“true”
and also is there a limit for number of rows?

↧

Automatic logout after 5 minutes

July 7, 2019, 12:53 am
$
0
0

Hi, I would like to achieve the following functionality below but not sure what the best way implement it is.

After the user logs in, I would like a 5 minute timer to start in the header on the homepage.
Once the timer reaches 0, i want to create an alert to ask the user if they wish to remain logged in.

If they click yes, the timer will reset to 5 minutes and the process will repeat.
If the user doesn’t respond to the alert within 15 seconds, they are logged out and the app return to the login page.

↧

*ngFor needs to pruduce 1 btn for each different object, except when object has same value

July 7, 2019, 1:37 am
$
0
0

Yes, I think the restructuring of the databases is the way to go. Thank you.

↧

Unlock screenOrientation to discover current orientation

July 7, 2019, 1:50 am
$
0
0

After Unlocking a phone in Landscape mode, my iOS device does not automatically detect that the phone is in Landscape mode instead reverts to the previous registered mode.

For Example: I have two pages. In one page I unlock the screen orientation and in other page, I lock it in portrait mode. I go to landscape in the unlocked page and come to the other page. The page is locked into portrait mode. Now I change the device to portrait mode in the locked page and open the unlocked page. I expect the page to autodetect that it is in portrait and shift to it. But instead, the unlocked page is opened in landscape mode which is the previous registered mode. Please help.

↧
↧

Ion-slide slow to render when adding many slides in ionic-v4

July 7, 2019, 2:02 am
$
0
0

Same issue here! I tried to set changeDetectionStrategy to ‘OnPush’ but still, rendering components with just 11 slides (each slide with just one character on it) is very slow: 400+ ms. If I put some useful content on them it takes 1400ms+, with all my desired content 4000+ ms.
My first idea was that the lag is caused by some undesired DOM reflow/repaints while creating the slides, but then I checked the performance tab on Chrome: the rendering time is taken by js scripting, not UI reflows/repaints.

↧

A date picker for ionic framework applications

July 7, 2019, 6:17 am
↧
Search

How to create plugin wrapper for custom plugin ionic 4

July 7, 2019, 7:15 am
$
0
0

I am trying to use ionic 3 custom plugin in ionic 4 project how to use it .

↧

Ionic Paypal plugin not working in build apk

July 7, 2019, 7:58 am
$
0
0

I am trying to use PayPal plugin in ionic 4, I used the code on the ionic docs followed the steps.
When I ran the application in devapp it successfully opened paypal page and worked fine, but when I built the apk file and ran it in my android device it throws error “plugin_not_installed”.
Here is the code i used for paypal

    this.payPal.init({
      PayPalEnvironmentProduction: 'YOUR_PRODUCTION_CLIENT_ID',
      PayPalEnvironmentSandbox: 'MY_SANDBOX_CLIENT_ID'
    }).then(() => {
      this.payPal.prepareToRender('PayPalEnvironmentSandbox', new PayPalConfiguration({
      })).then(() => {
        // My Code ....        
      }, () => {
        this.presentToast("Prepare to render Error.");
       });
    }, (error) => {
      this.presentToast(JSON.stringify(error));  //This shows error "plugin_not_installed"
    });

Here is my Ionic Info

Ionic:

Ionic CLI : 5.2.1 (C:\Users\nosha\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.4.2
@angular-devkit/build-angular : 0.13.9
@angular-devkit/schematics : 7.3.9
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.5.1

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : none
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 9 other plugins)

Utility:

cordova-res : 0.5.2
native-run : 0.2.7

System:

Android SDK Tools : 26.1.1 (C:\Users\nosha\AppData\Local\Android\Sdk)
NodeJS : v11.6.0 (C:\Program Files\nodejs\node.exe)
npm : 6.5.0-next.0
OS : Windows 10

↧
↧

Ionic Native Paypal

July 7, 2019, 8:13 am
$
0
0

Hello you find any solution to this? I am trying to work in ionic 4 and got the same issue If you have solved this please kindly share your findings.

↧

5.2.1 Compile error

July 7, 2019, 8:15 am
$
0
0

you have rebuild your node-sass from node modules

try this command

npm rebuild node-sass --force
↧

Camera: Plugin_not_installed

July 7, 2019, 8:33 am
$
0
0

Hello, I have got the similar issue with paypal plugin, the paypal works when i run the app on devapp but when i build an apk and run in my device i get “plugin_not_installed” can you help if you know about this problem as well.

↧
Viewing all 228551 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>