@Kyrax80 wrote:

Hello,

is it possible with capacitor to make a statusbar invisible or translucent to put a image on the background?

Like this:

image.jpg597×1280 180 KB

Thanks

Posts: 1

Participants: 1

Read full topic

@SFoux-Dev wrote:

(topic withdrawn by author, will be automatically deleted in 24 hours unless flagged)

Posts: 1

Participants: 1

Read full topic

@APrince wrote:

Hi,
I have this problem that is driving me nuts for several weeks already and I just can’t seem to find any solution.

I have updated ionic and my app which was building just fine for more then a year is now broken. I mean I can run ionic serve and it works but when I do a cordova build for android I always only see the dreaded white screen of death. If I connect to the device with chrome dev tools, I get the following output:

Viewport argument key "viewport-fit" not recognized and ignored. [index.html:9](file:///android_asset/www/index.html)

Uncaught Error: Cannot find module "." [vendor.js:1](file:///android_asset/www/build/vendor.js)

Ionic Native: deviceready event fired after 441 ms [vendor.js:1](file:///android_asset/www/build/vendor.js)

Well, since then I have tried everything… Updating the packages, downgrading packages, trying out all sorts of typescript versions, removing all of the cordova plugins and platform and recreating them again with ionic cordova prepare. I also went back in my git history and tried to get the exact state of the packages by reconstructing the versions from the package-lock… I updated node.js. I did everything I could think of. Nothing seems to help.

If I create a new app from any of the templates, it works.

The only thing I didn’t try out is going back to the ionic-cli version I was using before messing up with all the versions. But the problem is that I don’t remember the version I used at the point when I created the project, and ionic is installed globally so I have no package.json history for that one…

Any help is really appreciated. I am at my wits end…

//edit: current ionic version:

Ionic:

   Ionic CLI          : 5.2.3 (C:\Users\Aros\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.9.5
   @ionic/app-scripts : 3.2.2

Cordova:

   Cordova CLI       : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms : android 7.1.4, browser 5.0.3, windows 5.0.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 4 other plugins)

Utility:

   cordova-res : not installed
   native-run  : 0.2.8

System:

   NodeJS : v10.16.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.9.0
   OS     : Windows 10

Posts: 1

Participants: 1

Read full topic

@Masumi wrote:

I guess there are many topics about it, but all the solution didn’t work.
So, I made the topic one more time for people who still have the problem.

Bug Report

I’m trying to build an android app by ionic cordova build android --release .
However, the next error occurred.

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:processReleaseResources'.
> Failed to execute aapt

What I tried

cordova plugin add cordova-android-support-gradle-release
=> removed and readded platform
=> still had the same error.

ionic info

Ionic:

   Ionic CLI          : 5.0.2
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.1

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 7.0.0, ios 4.5.5
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.0, (and 11 other plugins)

Utility:

   cordova-res : 0.3.0
   native-run  : not installed

System:

   Android SDK Tools : 26.1.1 (/Users/UserName/Library/Android/sdk)
   ios-deploy        : 1.9.4
   NodeJS            : v8.16.0 (/usr/local/bin/node)
   npm               : 6.4.1
   OS                : macOS Mojave
   Xcode             : Xcode 10.3 Build version 10G8

npm list --depth=0

MainApp
├── @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/camera@4.20.0
├── @ionic-native/core@4.18.0
├── @ionic-native/fcm@4.20.0
├── @ionic-native/file@4.20.0
├── @ionic-native/http@4.20.0
├── @ionic-native/in-app-browser@4.20.0
├── @ionic-native/splash-screen@4.18.0
├── @ionic-native/status-bar@4.18.0
├── @ionic/app-scripts@3.2.1
├── @ionic/lab@1.0.24
├── @ionic/storage@2.2.0
├── algoliasearch@3.33.0
├── cordova-android@7.0.0
├── cordova-android-support-gradle-release@3.0.1
├── cordova-ios@4.5.5
├── cordova-plugin-advanced-http@2.1.1
├── cordova-plugin-camera@4.0.3
├── cordova-plugin-compat@1.2.0
├── cordova-plugin-device@2.0.2
├── cordova-plugin-fcm@2.1.2
├── cordova-plugin-file@4.2.0
├── cordova-plugin-inappbrowser@3.0.0
├── cordova-plugin-ionic-keyboard@2.1.3
├── cordova-plugin-ionic-webview@4.1.0
├── cordova-plugin-splashscreen@5.0.2
├── cordova-plugin-statusbar@2.4.2
├── cordova-plugin-whitelist@1.3.3
├── firebase@5.8.3
├── ionic@5.0.2
├── ionic-angular@3.9.2
├── ionicons@3.0.0
├── rxjs@5.5.11
├── sw-toolbox@3.6.0
├── typescript@2.6.2
└── zone.js@0.8.26

I’m very glad if someone can solve this problem.

Posts: 1

Participants: 1

Read full topic

@Pradip wrote:

I have Developed a Document Scanner ( Camscanner Clone ) in Ionic 4

Android Application is Hosted at https://play.google.com/store/apps/details?id=in.openmed.docscan

github repository is at https://github.com/DrPradipBhatt/docscan
It is developed in Ionic 4 and some Ionic Native Plugins.
This is not a professional version at all but very small code can cater the more or less
camscanner like utility in Ionic 4 will not enhanced the app. But any body can enhance to professional level.

I request to enhance the App to professionally possible enhancements are

1. Decorate the App with Good Theme
2. List of Document like Camscanner with Image and Description
3. Use SQLite Database for Metadata saving
4. Patch Cordova Plugin for Document Scanner for B/W 2 Option as per CamScanner
5. Good Use of PDFMake or use other PDF Generate Lib.
6. Resizing Image and Have Setup for Bitmap Quality
7. Folder for the Document Storing like CamScanner.

Posts: 1

Participants: 1

Read full topic

@iscorobogaci wrote:

Is there a way to display :

cdvphotolibrary://thumbnail?photoId=43%3B%2Fstorage%2Femulated%2F0%2FDCIM%2FCamera%2F20190304_204426.jpg&width=512&height=384&quality=0.8

in ionic 4 getting UNKNOWN_URL_SCHEME, even that the thumbnail is sanitez and in config .xml :

<allow-intent href="cdvphotolibrary:*" />
<allow-navigation href="cdvphotolibrary://*" />

and in index.html :

  <meta http-equiv="Content-Security-Policy" content="cdvphotolibrary:">

Fighting with this for 4 days to get it work on Ionic 4 . Is there any solution for this ?

Posts: 1

Participants: 1

Read full topic

@sandewichpanel wrote:

History[edit]

Sandwich panel construction techniques have experienced considerable development in the last 40 years. Previously, sandwich panels were considered products suitable only for functional constructions and industrial buildings. However, their good insulation characteristics, their versatility, quality and appealing visual appearance, have resulted in a growing and widespread use of the panels across a huge variety of buildings.
بانک اطلاعات ساندویچ پانل

Posts: 1

Participants: 1

Read full topic

@mvenus wrote:

Hi,

i was trying to implement the functionallity to pick an image and crop it. After that i would like to upload it to firebase. For some reason it doesnt work at all and the “readAsArrayBuffer” is not excecuting .

I am very new to this, so i woiuld appreciate some help

Thanks

This is what i tried:

“newPath” looks like this for example:

  "file:///storage/emulated/0/Android/data/io.ionic.starter/cache/
  1565766305015-cropped.jpg?1565766307602" 

And “nameFile” look like this:

"1565766305015-cropped.jpg".

constructor(private imagePicker: ImagePicker, private crop: Crop,
        private file: File) {
          let storageDb = firebase.storage();
          this.storageRef = storageDb.ref();
      }


    pickImage() {
      this.imagePicker.getPictures(this.imagePickerOptions).then((results) 
    => {
        // tslint:disable-next-line: prefer-for-of
        for (let i = 0; i < results.length; i++) {
          this.cropImage(results[i]);
        }
      }, (err) => {
        alert(err);
      });
    }  


    cropImage(imgPath) {
        this.crop.crop(imgPath, { quality: 50 })
          .then(
            newPath => {
              try {
                let n = newPath.lastIndexOf("/");
                let x = newPath.lastIndexOf("g");
                let nameFile = newPath.substring(n + 1, x + 1);
                this.file.readAsArrayBuffer(newPath, nameFile).then((res) => {
                  let blob = new Blob([res], { type: "image/jpeg" });
                  var uploadTask = this.storageRef.child('images/' + this.event.id).put(blob);
                  uploadTask.on('state_changed', (snapshot) => {
                    let url = uploadTask.snapshot.downloadURL;
                    this.croppedImagepath = url;
                  }, (error) => {
                    alert("error: " + error);
                  }, () => { 
                    alert("uploaded");
                    let url = uploadTask.snapshot.downloadURL;
                    this.croppedImagepath = url;
                  })
                })
              }
              catch (z) {
                alert('error beim erstellen des blobs' + z);
              }
            },
            error => {
              alert('Error cropping image' + error);
            }
          );
      }

Posts: 1

Participants: 1

Read full topic

@nelschads wrote:

I had a problem with the firebase plugin on ionic 4 the app just didn’t compile and I had to upgrade cordova-android@7 to android@8.0.0 the app compiled, but for the start just brank, there is Ionic info.

Ionic:

   Ionic CLI                     : 5.2.3 (C:\Users\USER\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.3.1
   @angular-devkit/build-angular : 0.13.8
   @angular-devkit/schematics    : 7.3.8
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

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.0.1, (and 18 other plugins)

Utility:

   cordova-res : 0.6.0
   native-run  : 0.2.8

System:

   Android SDK Tools : 26.1.1 (C:\Users\USER\AppData\Local\Android\Sdk)
   NodeJS            : v10.16.0 (C:\Program Files\nodejs\node.exe)
   npm               : 6.9.0
   OS                : Windows 10

Posts: 1

Participants: 1

Read full topic

@alucarddracula wrote:

Hi,

I have a ionic cordova app which uses webview to access a page on my website. This page has a tag and the source is an hls stream. When I try to watch the stream it brings the error " The media could not be loaded, either because the server or network failed or because the format is not supported".

The source of the hls stream is a media server with a self signed certificate. I have tried editing the onReceivedSslError function of SystemWebViewClient.java with no success.

I have heard about adding the self signed cerificate to the assests and ssl pinning but I have found no helpful tutorial. Has anyone else dealt with this?

Thanks

Posts: 1

Participants: 1

Read full topic

@datenshi wrote:

Hi All,

can anyone tell me if there is any specific way to do this?

I have tried to put the .aar in a libs folder, then I setup the gradle config, inside Android:

repositories {
flatDir {
dirs ‘libs’
}
}

And in the dependencies:
…
implementation(name: ‘sdk-library-release’, ext: ‘aar’)
…

I put the libs folder inside android folder.

When I try to build the app with the plugin I get this error:

More than one file was found with OS independent path ‘lib/folder/libname.so’

I know this is rough but, because I don’t know how to exactly do it, I can not provide more details. Any ideas?

Thanks a lot.

Posts: 1

Participants: 1

Read full topic

@pokkertilulv wrote:

I’m having trouble with the keyboard closing without recalculating the view (empty space where the keyboard used to be). Normally I would use content.resize() but it’s not available in the tabs page. Any suggestions?

Posts: 1

Participants: 1

Read full topic

@rajashekarguda wrote:

I have created a new ionic app with sidemenu.

But now im trying to add tag, but its not working. The error is below

Error: Template parse errors:
‘ion-button’ is not a known element:

1. If ‘ion-button’ is an Angular component, then verify that it is part of this module.
2. If ‘ion-button’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the ‘@NgModule.schemas’ of this component to suppress this message. ("

Could you please help me

Posts: 1

Participants: 1

Read full topic

@sankar82 wrote:

We have hybrid app built in ionic v1 and angularjs 1.x until now everything is working fine. Now we are planning to integrate AR app created in native iOS and Android in our ionic v1 app.

1. Can we integrate AR in ionic v1 or we need to upgrade?
2. If we need to upgrade can you please show me the correct path to start with.
3. Can we include a plugin in existing v1? if so please guide me how to create a plugin
   I’m new to ionic and Angular 2.x.

@Sujan12 can you help on this?

Posts: 1

Participants: 1

Read full topic

@RomnEmpire wrote:

i have implemented tracking functionality in ionic3 app its working perfectly in all android version below 9 but in some android 9 version devices its not working.

So lets start,after testing my App on four real devices, I distinguished three different behaviors:

Android 7.1.x (Redmi MI 4A) => working Correctly

Android 9 => i will check in 2 different devices both are android 9 version 1st “Nokia 6” in which watchPosition fire properly but in the another devices - Oppo F11 -pro watchPosition function not fire function.

/getLocationModeForIos for execute only for IOS
  getLocationMode() {
    var self = this;
       //if map exist..
    if(self.mapElement) { 
      self.platform.ready().then((readySource) => {

        //
       let mapOptions = {
          zoom: 13,
          mapTypeId: google.maps.MapTypeId.ROADMAP,
          mapTypeControl: false,
          streetViewControl: false,
          fullscreenControl: false,
          draggable : true
        } 


         self.map = new google.maps.Map(self.mapElement.nativeElement, mapOptions);  

         //get user currentLocation and update user location after move move    
         self.watch = self.geolocation.watchPosition();
         self.subscription = self.watch.subscribe((position) => {
          var latLng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);

          console.log('lat fire1.....', +position.coords.latitude);
          console.log('long fire.....', +position.coords.longitude);
          //set center to map and set zoom....
          self.map.setCenter(latLng);
          self.map.setZoom(16);
        }, (err) => {
            console.log(err);
        });
      });
    }
  }

Posts: 2

Participants: 2

Read full topic

@Dovel wrote:

I wondering why is my App sometimes crashing on Android, Ionic 3, Cordova 8.
The Android Studio recorded a memory profile and I see there is a memory leak.

profile.jpg1920×567 38.3 KB

I suppose it has to do with the styles (css/scss). Maybe the animation / transition?
Has anyone had similar experiences?

Posts: 1

Participants: 1

Read full topic

@dzakyr wrote:

Im trying to show some data from Api, but the data I need is inside an object which is inside an object. how do I get it?

Im trying to get “full_url” inside data object, which is inside avatar object. I already tried:

<ion-list>
    <ion-item *ngFor="let user of users.data">
        <ion-label>
            <h2>{{ user.uname }}</h2>
            <p *ngFor="let data of user.avatar.data">{{ data.url }}</p>
        </ion-label>
    </ion-item>
</ion-list>

Here’s the Api Response Structure:

Screen Shot 2019-08-13 at 15.12.29.png2880×968 266 KB

Response I got is:

Error: Cannot find a differ supporting object ‘[object Object]’ of type ‘object’. NgFor only supports binding to Iterables such as Arrays.

Posts: 2

Participants: 2

Read full topic

@reedglawrence wrote:

This should be simple but I’m not seeing anything in the API docs as such.

date = '2019-08-15T09:21:00';

async presentDatePicker() {
    console.log(this.date);
    return this.datePicker.show({
      date: this.date,
      mode: 'datetime',

    }).then(
      date => {
        this.date = date.toISOString();
        console.log(this.date);
      },
      err => console.log(err)
    );
  }

The date should read Aug 15, 9:21 AM. Which it does on our web client and in our databases. However, in the picker, it reads Aug 15 4:21 AM. As I understand, it’s doing this because of the time zone offset. But for the intents of this application we don’t care about the time zone, just that the time reports and displays the same on all devices.

Is there a way to disable this feature?

Posts: 1

Participants: 1

Read full topic

@dan-london wrote:

Hi All,

I have encountered a problem that I have not faced before, and was hoping others have. I have built an app via Appflow Package Builds (iOS > Developer build) and deployed it to an iOs device (I’ve done this process with many other devices). However, upon starting the app it crashes and I get the following error in the logs:

Can't get most elevated app state from dictionary {
    BKSApplicationStateExtensionKey = 0;
    SBApplicationStateDisplayIDKey = "com.test.app";
    SBApplicationStateKey = 0;
    SBApplicationStateProcessIDKey = 8343;
    SBApplicationStateRunningReasonsKey =     (
                {
            SBApplicationStateRunningReasonAssertionIdentifierKey = Resume;
            SBApplicationStateRunningReasonAssertionReasonKey = 10000;
        }
    );
}

No other errors are displayed. I’d welcome any input if anyone has experienced anything similar.

Posts: 1

Participants: 1

Read full topic

@jefredallan wrote:

How can I get the current scroll position / X/Y location. I know I can use :

ScrollToBottom(){
    this.content.scrollToBottom(duration);
  }

  ScrollToTop(){
    this.content.scrollToTop(duration);
  }
 
  ScrollToPoint(X,Y){
    this.content.scrollToPoint(X,Y,duration);
  }

But how can I get the current position of X and Y? and I little example would be greatly appreciated.

Posts: 1

Participants: 1

Read full topic