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

Ionic v4 : Ionicons (v5) appearing and disappearing

April 2, 2020, 4:15 am
$
0
0

@aevargas wrote:

I upgraded to the newest version of ionicons (v5) and sometimes the icons do not render. It fixes itself if I was to close the app and re-open it but sometimes when it’s first loaded in, it works. Any ideas?

Posts: 1

Participants: 1

Read full topic

↧
Search

iOS platform visual bug

April 2, 2020, 4:21 am
$
0
0

@dkoczka wrote:

Since the new Xcode 11.4 doesn’t work with @capacitor/ios 1.x
I updated my project to @capacitor/ios 2 beta 1

Since then on every navigation there is a weird jump bug, where the screen jumps to the right after the navigation is done. This only happens in the simulator, but on the device the performance seems to be choppier than before.

Posts: 1

Participants: 1

Read full topic

↧
↧

Full screen with notch in Iphone XR for example

April 2, 2020, 6:21 am
$
0
0

@alanmontgomery19 wrote:

Hey there,

I’m using Ionic React and I’ve just received some feedback from my QA team, which i didn’t even take into consideration - Phones like the Iphone XR with a notch at the top is cutting off the Logo that i have in the middle of the toolbar at the top.

Is there a global var needing set or something to avoid this and paint the app below the notch area? Like a different safe area or?

Any help appreciated, thanks.

Posts: 1

Participants: 1

Read full topic

↧

HELP: Meteor + Vue + Ionic

April 2, 2020, 6:23 am
$
0
0

@aayush wrote:

The current application that I am working on is built on Meteor + Vue.

I am trying to integrate Ionic on the current stack to give a PWA experience on mobile.

I have installed @ionic/core@5.0.7 and @ionic/vue@0.0.9

But as soon as I import Ionic
import Ionic from '@ionic/vue'
I get an error saying that an icon svg file can not be resolved.

I also npm installed ionicons@4.5.9-1 just for good measure.
Is there anything that I am missing at the moment?

Screen Shot 2020-04-02 at 6.39.45 PM
Screen Shot 2020-04-02 at 6.39.45 PM1722×1084 266 KB

Posts: 1

Participants: 1

Read full topic

↧

Solved Ionic List

April 1, 2020, 1:44 am
↧
↧

Ionicons package use in angular project

April 2, 2020, 7:27 am
$
0
0

@indraraj26 wrote:

Now with latest version of ionicons i do not see css folder in dist. Can you share how to use ionicons in non-ionic project.

4.5.8 - i see dist/css folder
5.0.1 - i do not see dist/css folder

Posts: 1

Participants: 1

Read full topic

↧

Shell app for Web Deploy

April 2, 2020, 7:32 am
$
0
0

@gaweleczek wrote:

Hi,

Expo has (Expo Client for Android & iOS) where you can test your apps before releasing them. Does Ionic offer something similar?

Thanks!

Posts: 1

Participants: 1

Read full topic

↧

How do I loop over a multidimensional array with ngFor in angular?

April 2, 2020, 8:00 am
$
0
0

@Simbaclaw wrote:

suppose I have an object like this:

0: ["some string 1"]
1: Array(3)
    0: "some string 2"
    1: "some string 3"
    2: "some string 4"
    length: 3
    __proto__: Array(0)
2: ["some string 5"]
3: ["some string 6"]
4: ["some string 7"]

and the structure of it can change from one of the top level array indexes to a multidimensional array. So for example it could become:

0: ["some string 1"]
1: Array(3)
   0: "some string 2"
   1: "some string 3"
   2: "some string 4"
   length: 3
__proto__: Array(0)
2: Array(4)
   0: "some string 5"
   1: "some string 6"
   2: "some string 7"
   3: "some string 8"
   length: 4
3: ["some string 9"]
4: ["some string 10"]

how would I loop over this using ngfor so that everything becomes top level, I want to display from 1 counting up to the last string number.
currently when I use a single ngfor it’ll create a element for array number 1 with comma seperated values

the output needs to look like:

<p>some string 1</p>
<p>some string 2</p>
<p>some string 3</p>
etc

While when using ngfor on a p tag like so:

<p *ngFor="let object of stringsArray">{{object}}</p>

for the strings object in the first example of this post it does this:

<p>some string 1</p>
<p>some string 2,some string 3,some string 4</p>
<p>some string 5</p>

To get this to work all I would have to do is move the second dimension to the first dimension of the array.

ANSWER:
This can be achieved with a simple spread operator in ES6 to concatenate the multidimensional array into a single dimensional one like so:

arr1d = [].concat(...arr2d);

Posts: 3

Participants: 2

Read full topic

↧
Search

RTL Not Work

April 2, 2020, 8:51 am
↧
↧

Unable to build android app due to Firebase (FirebaseInstanceIdService)

April 2, 2020, 9:42 am
$
0
0

@vitonimal wrote:

Hello! I recently moved an app (ionic 3) from Cordova to Capacitor.
The iOS app worked right away (awesome)

However, it’s been many days that I have been trying to get the Android app working. I indeed got many dependencies errors regarding firebase. I realized that the app was still using cordova firebase plugins so I removed them.

Now, when I build the app, I seem to be getting another dependency issue:
image
In a file called PushInstanceIDListenerService.java.
It says that FirebaseInstanceIdService cannot be found. I looked up online and saw that this service was deprecated.

I also added the google-services.json file.

My question is: How can I get the application to run given that I am using the latest capacitor version?

Thank you so much!!

Vittorio

Posts: 1

Participants: 1

Read full topic

↧

Ionic list with *ngFor: interline too large

April 2, 2020, 10:09 am
$
0
0

@pimol wrote:

Hi All. I have a simply list to show, this is the html:

<ion-item *ngFor="let item of checklist" lines=none>
    <ion-label>
      <div class=popLine>
        {{ item.key }}
      </div>
    </ion-label>
    <ion-label>
      <div class=popLine>
        {{ item.dato }}
      </div>
    </ion-label>
</ion-item>

I can’t find out what is the css I have to modify to have less space between a line and the other…
There is always a space of about the same height the the line. I’m trying to have a more compact output…
I tried with padding-bottom and padding-top = 0 and --padding-top and bottom =0 in all the class i imagine: .popLine, ion-item, ion-label, ion-list in local and global css…

Any help?

Pietro

Posts: 1

Participants: 1

Read full topic

↧

Protect ts file content

April 2, 2020, 10:58 am
↧

How to add a new color to in Ionic 4+?

April 2, 2020, 10:59 am
$
0
0

@Sweg wrote:

I am able to specify the color of an <ion-item> below:

<ion-item color="primary-contrast">

But instead of using one of the default colors, I want to use a particular hexcode.

How do I add this new color to the <ion-item>?

Do I have to add it to my variable.scss file, & if so, how? Thanks a lot!

Posts: 2

Participants: 2

Read full topic

↧
↧

Ion select change Cancel/OK Button color

April 2, 2020, 1:06 pm
$
0
0

@ArinaAmir wrote:

Hello everybody,

after spending so much hours I am so confused now.
I need to change the colors if ion-select for Cancel and OK.
In ionic 3 I have reached this via [selectOption] property, however this is not working in Ionic 4 anymore.
I have tried via [interfaceOptions] but no success as well.
Please if anybody has any idea how I can reach this… let me know.
Thanks in advance and be healthy!

<ion-select placeholder=“Text” cancelText=“Abbrechen” [interfaceOptions]=“customAlertOptions” (ionChange)=“fileSelected($event)”>

        <ion-select-option  *ngFor="let item of uploadedFiles" value={{item.id}}>{{item.displayName}}

        </ion-select-option>

      </ion-select>

customAlertOptions: any = {   

    cssClass: 'alertCustomCss',

  };

.alertCustomCss {

ion-button {

    color:#58a618 !important; // button text color

}

}

Posts: 2

Participants: 2

Read full topic

↧

Open app on click a link

April 2, 2020, 2:12 pm
$
0
0

@ndblackandblue wrote:

Hi guys i’m try to use deeplink plugin to make when user click open the app in his phone:

<h1><a id="mobile"href="myapp:myapp.com/canal?-LCUgAc-MzkmQBEP_2Fa">-LCUgAc-MzkmQBEP_2Fa</a></h1>

but at ios, for some reason, he dont open the app, i’m already set that link like associated domain, but nothing change.

Posts: 1

Participants: 1

Read full topic

↧
Search

iPad display is shrunken

April 2, 2020, 3:43 pm
↧

Full screen on android

April 2, 2020, 5:48 pm
$
0
0

@charlesbronson wrote:

Hi everyone,
I’m a bit new in ionic and I have a problem with full screen in my ionic app

Screenshot_20200403_023600_io.ionic.starter
Screenshot_20200403_023600_io.ionic.starter1080×2280 230 KB

I have screen like that which is just:

<ion-content fullscreen>

//some divs here

</ion-content>

What I want to achieve is to have my content under the status bar and make status bar transparent to have only white text visble on it.
I was trying setting light content on status bar and even I’ve installed cordova plugin android full screen but nothing works :confused:

Posts: 1

Participants: 1

Read full topic

↧
↧

Back button disappearing

April 2, 2020, 6:00 pm
$
0
0

@tkclark wrote:

Sorry if this has already been addressed. I have an Ionic/Vue project with a back button:
<ion-back-button defaultHref="/more"></ion-back-button>

Sometimes the back button will not appear as expected. I have a defaultHref route, so why does it randomly not appear? It basically traps the user on a screen that they cannot get out of.

Posts: 1

Participants: 1

Read full topic

↧

Ion-loading right from the start

April 2, 2020, 7:58 pm
$
0
0

@dinaflies wrote:

I was wondering if it is possible to start a page with ion-loading element loading right from the start. I’ve tried to create the component at ngOnInit the after an if check and navigateByUrl method provided by router, dismiss the loading element, but not only the ion-loading delay to be shown but also it doesn’t dismiss when navigation is completed. I also tried to make ngOnInit an async function to no avail.

ngOnInit() { 
      this.loadingCtrl.create({
        message: 'Aguarde...',
        translucent: true,
      }).then(el => {
        el.present();
      });

      const userData = new AuthResponseData(
        this.route.snapshot.queryParamMap.get('localId'),
        parseInt(this.route.snapshot.queryParamMap.get('expiresIn')),
        this.route.snapshot.queryParamMap.get('accessToken'),
        this.route.snapshot.queryParamMap.get('refreshToken')
      );
      this.authService.setUserData(userData);
      this.router.navigateByUrl('/usuario/painel').then(
        result => {
          this.loadingCtrl.dismiss();
        }
      );

Any insights on this matter?

Posts: 1

Participants: 1

Read full topic

↧

ITMS-90424: Invalid Swift Support

April 2, 2020, 8:15 pm
$
0
0

@sagar1412 wrote:

how to solve problem
ITMS-90424: Invalid Swift Support - The SwiftSupport folder is empty. Rebuild your app using the current public (GM) version of Xcode and resubmit it.

Best regards,

The App Store Team

Posts: 1

Participants: 1

Read full topic

↧
Viewing all 70434 articles
Browse latest View live
Search