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

Could not find included file 'Pods/Target Support Files/Pods-MyApp/Pods-MyApp.debug.xcconfig' in search paths

$
0
0

You should run pod install in the platforms/ios folder


App works on browser, but not on Android device

$
0
0
   <access origin="*" />
    <edit-config file="app/src/main/AndroidManifest.xml" mode="merge"           target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
        <application android:usesCleartextTraffic="true" />
        <application android:networkSecurityConfig="@xml/network_security_config" />
    </edit-config>
    <allow-navigation href="*" />
    <resource-file src="resources/android/xml/network_security_config.xml" target="app/src/main/res/xml/network_security_config.xml" />

Events Broadcasting in ionic5

$
0
0

I am migrating my app from Ionic3 to 5.
First blocker I am finding is the events pipeline

I use events in the app for sending signals between views with Events. Now events is removed in 5 and I am looking for an alternative. How can I broadcast events in one view / page and create listeners for that specific message in others?

My previous code was similar to

  this.events.subscribe('system:phoneInfo', (systemInfo: string) => {
    Logger._phoneInfoString = systemInfo;
  });

where any view could call system:phoneInfo and the subscriber would do as said. My head does not wrap around how to distribute this over multiple views.

Events Broadcasting in ionic5

$
0
0

What I would do is to move everything into strongly-typed Observables that live in services. That being said, while you have the opportunity, may I please urge you to carefully audit every one of these situations with an eye to eliminating as many as possible? They are a recipe for spaghetti code that is really tough to maintain, extend, and test, because it is so hard to see what subtle interconnections exist between objects. In my experience, bugs lurk in crevices like this.

Can you still create v1 apps by upgrading to new Ionic CLI?

$
0
0

Do you have to choose Cordova at the time of the upgrade, or can you choose Cordova/Capicator on a per project basis?

CSS Issue with Ion-tab-bar and ion-content issue - iOS build

$
0
0

I have tried to style the ion-tab-bar for my app using the following style:

ion-tab-bar{
    position: absolute;
    border-radius: 10px;
    width: 95%;
    margin: 5px 2.5%;
    bottom: 0px;
}

ion-tabs{
    padding-bottom: 66px;
    background: linear-gradient(to bottom right, #2CD695, #979CD6);
}

When building for Android there are no Issues as it displays it exactly as styled. However when building for iOS the css border-radius is completely ignored. Along with this the top of the ion-content seems to be under the statusbar whereas in Android no such issue is faced. Please see the attached screenshots.

Hope to get some quick advice from the community. Thanks in advance

iPhone 11

iPhone 8

Android

Help us test the Ionic 5 Release Candidate!

The specified item could not be found in the keychain

$
0
0

I’m getting the below error while running the app in simulator and device. The app opens and freezes and nothing happens. The app works fine in android.

Error: Failure in SecureStorage.get() - The specified item could not be found in the keychain

Packages:
@ionic-native/core”: “^5.0.0”,
@ionic-native/http”: “^5.2.0”,
@ionic-native/network”: “^5.12.0”,
@ionic-native/secure-storage”: “^5.2.0”,
@ionic-native/splash-screen”: “^5.0.0”,
@ionic-native/status-bar”: “^5.0.0”,
@ionic/angular”: “^4.1.0”,

IOS version in simulator: 13.3


Events Broadcasting in ionic5

$
0
0

Do you have any example I could look into how to enable communication between views? Right now, I visualize it in my head that with observers each view instance would have to have a reference of another view stored it wants to talk to.

Ionic - back button exit app not working in Ionic 5

Ionic-msal integration

$
0
0

@Pharao2k For MSAL login in ionic the redirect_url is having some issues, ionic doesn’t read the callback redirect url and it remains in the password screen even after login success. So the same thing can be achieved using the ADAL plugin of cordova ionic (https://ionicframework.com/docs/native/ms-adal) .

Align to the center of ion row

$
0
0

try to add these css lines in your .search-image class i hope its work for you

.search-image {
  display: flex;
  align-items: center;
  justify-content: center;
}

How to get my app link for all platforms using dynamic links

$
0
0

I am new to the framework… I need a step by step tutorial to follow in order to create a firebase dynamic link and use it in my app to share my app links on all platforms.
I know I need to use:

  1. cordova-plugin-firebase-dynamiclinks
  2. Firebase dynamic links setup.

But I dont know how to set the firebase dynamic link and where to get the plugin parameters and configurations for my app.

I have this existing Capture

Delete Image from gallery

$
0
0

Hi. I am facing exactly the same problem. Any solution?

Error after changing app name

$
0
0

The Bundle Identifier visible in the Xcode project configuration is called appId in capacitor.config.json. If you set that correctly at the beginning I don’t think you need to change the project name in Xcode.


Show image from Firebase storage by retrieving URL Ionic

$
0
0

import { NgZone} from ‘@angular/core’;

constructor(public zone: NgZone){}

ionViewDidLoad() {
this.storage.get(‘user_id’).then((val) => {
var storageRef = firebase.storage().ref(’/images/’+val);

storageRef.getDownloadURL().then((url) => {
// `url` is the download URL for 'images/stars.jpg'
       this.zone.run(() => {

             this.img_src_string = url;
        // in html <ion-img [src]="img_src_string"><ion-img>

   })

}).catch(function(error) {
// Handle any errors
});
})
}
}

Ionic 5 react Capacitor BluetoothLE

$
0
0

Hi can anyone help me how to use BluetoothLE, I wanted to auto-connect from my ionic 5 react App so that I can print a receipt on my zebra z1310 Bluetooth printer. Please I been trying this for a week with no luck

Syntax Error: Cannot use import statement outside a module

$
0
0

How come it’s trying to run a single JavaScript file with node? You normally compile and run your code in the browser with ionic serve (if using the Ionic CLI), not directly in Node.js. How did you set up this project?

CSS Issue with Ion-tab-bar and ion-content issue - iOS build

$
0
0

After some research, I decided to only style the Android version and ditch the iOS version. From Ionic Docs add platform specific styles so that iOS would use the standard ion-tab-bar and only Android would use the styled one.

ion-tab-bar.md{
    position: absolute;
    border-radius: 10px;
    width: 95%;
    margin: 5px 2.5%;
    bottom: 0px;
}

I fixed the overlap of the statusbar by using the env() variable to style the ion-content as there is no ion-header, personally with tabs I feel there shouldn’t be a header. Looks more aesthetically pleasing:

.ios ion-content{
    --padding-top: env(safe-area-inset-top);
}

Syntax Error: Cannot use import statement outside a module

$
0
0

It’s more like I try to use a custom svg icon in replacement of the icon they used and it end up in this mess. By the way, do you know how to place custom svg icon into ionic? I rewrite the whole thing because I used quite a few solutions from online just to fix this.

Viewing all 230476 articles
Browse latest View live


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