I have set the name of my project in capacitor.config.json

When I run ionic capacitor build ios it creates the ios folder with a xcode project named ‘App’

I rename the project within xcode and it throws swift errors regarding to references like not being able to find capacitor, or cocoa pods not being synchronized. If I don’t rename the project, it works fine. But when I go to archive, it is simply named ‘App’ with only the display name being what I set in the capacitor config.

And when I do rename the project in Xcode it also throws errors in the capacitor CLI like: Unable to find a target named 'App' in project 'MyApp.xcodeproj', did find 'MyApp'.

Is there a way I can reliably set the project name so that I don’t have to fuss with renaming through Xcode?

Hey @kelpie278, sorry for the delay

yes its connected and the ids of admob banner and Interstitial ad and app id is correct.
More over when i try with testing ad mob id with sign APK its work on the device (the testing adMob).

something really wierd happen to me that when i sign the APK the Interstitial Ads work on the device BUT the Banner Id dosnt [i double check the banner id and its correct :(]

i dont know, what i need to do? very strange…

• i tried to generate new banner id and it also dosnt work…

what do you think?

thanks a lot

In May 2020 With Ionic 4 App I am still facing this same issue… I build app using Xcode and install to Iphone. The latest app is seen and I use it on iPhone. I disconnect phone and the app is still working. but later I quit app and again open app or if I force quit app and reopen, Boom the old (very old ) 2 month app is there… It is tearing me wild… Tried to check all above solutions… Nothing seems to work…

My Config.xml file is below

<?xml version=** '1.0' **encoding=** 'utf-8' **?>

<widget id = “com.krisskross.ffhpush” version = “0.0.1” xmlns = “http://www.w3.org/ns/widgets” xmlns : cdv = “http://cordova.apache.org/ns/1.0” >

<feature name = “LocalStorage” >

<param name = “ios-package” value = “CDVLocalStorage” />

<feature name = “Console” >

<param name = “ios-package” value = “CDVLogger” />

<param name = “onload” value = “true” />

<feature name = “HandleOpenUrl” >

<param name = “ios-package” value = “CDVHandleOpenURL” />

<param name = “onload” value = “true” />

<feature name = “IntentAndNavigationFilter” >

<param name = “ios-package” value = “CDVIntentAndNavigationFilter” />

<param name = “onload” value = “true” />

<feature name = “GestureHandler” >

<param name = “ios-package” value = “CDVGestureHandler” />

<param name = “onload” value = “true” />

<feature name = “CallNumber” >

<param name = “ios-package” value = “CFCallNumber” />

<feature name = “Camera” >

<param name = “ios-package” value = “CDVCamera” />

<feature name = “Device” >

<param name = “ios-package” value = “CDVDevice” />

<feature name = “FCMPlugin” >

<param name = “ios-package” value = “FCMPlugin” />

<feature name = “Geolocation” >

<param name = “ios-package” value = “CDVLocation” />

<allow-navigation href = “ionic://*” />

<feature name = “IonicWebView” >

<param name = “ios-package” value = “CDVWKWebViewEngine” />

<feature name = “IonicCordovaCommon” >

<param name = “ios-package” onload = “true” value = “IonicCordovaCommon” />

<feature name = “Keyboard” >

<param name = “ios-package” onload = “true” value = “CDVIonicKeyboard” />

<feature name = “NetworkStatus” >

<param name = “ios-package” value = “CDVConnection” />

<feature name = “networkinterface” >

<param name = “ios-package” onload = “true” value = “CDVNetworkInterface” />

<feature name = “Sim” >

<param name = “ios-package” value = “Sim” />

<feature name = “SplashScreen” >

<param name = “ios-package” value = “CDVSplashScreen” />

<param name = “onload” value = “true” />

<feature name = “StatusBar” >

<param name = “ios-package” value = “CDVStatusBar” />

<param name = “onload” value = “true” />

<feature name = “ImagePicker” >

<param name = “ios-package” value = “SOSPicker” />

<feature name = “Toast” >

<param name = “ios-package” value = “Toast” />

<feature name = “Sms” >

<param name = “ios-package” value = “Sms” />

<feature name = “SQLitePlugin” >

<param name = “ios-package” value = “SQLitePlugin” />

<feature name = “BarcodeScanner” >

<param name = “ios-package” value = “CDVBarcodeScanner” />

FFH

An awesome Ionic/Cordova app.

<author email = “hi@ionicframework.com” href = “http://ionicframework.com/” > Ionic Framework Team

<content src = “index.html” />

<access origin = “*” />

<access launch-external = “yes” origin = “https://api.whatsapp.com/” />

<allow-intent href = “http:///” />

<allow-intent href = “https:///” />

<allow-intent href = “tel:*” />

<allow-intent href = “sms:*” />

<allow-intent href = “mailto:*” />

<allow-intent href = “geo:*” />

<allow-navigation href = “*” />

<allow-navigation href = “http:///” />

<allow-navigation href = “https:///” />

<allow-navigation href = “data:*” />

<allow-intent href = “itms:*” />

<allow-intent href = “itms-apps:*” />

<icon height = “57” src = “resources/ios/icon/icon.png” width = “57” />

<icon height = “114” src = “resources/ios/icon/icon@2x.png” width = “114” />

<icon height = “40” src = “resources/ios/icon/icon-40.png” width = “40” />

<icon height = “80” src = “resources/ios/icon/icon-40@2x.png” width = “80” />

<icon height = “120” src = “resources/ios/icon/icon-40@3x.png” width = “120” />

<icon height = “50” src = “resources/ios/icon/icon-50.png” width = “50” />

<icon height = “100” src = “resources/ios/icon/icon-50@2x.png” width = “100” />

<icon height = “60” src = “resources/ios/icon/icon-60.png” width = “60” />

<icon height = “120” src = “resources/ios/icon/icon-60@2x.png” width = “120” />

<icon height = “180” src = “resources/ios/icon/icon-60@3x.png” width = “180” />

<icon height = “72” src = “resources/ios/icon/icon-72.png” width = “72” />

<icon height = “144” src = “resources/ios/icon/icon-72@2x.png” width = “144” />

<icon height = “76” src = “resources/ios/icon/icon-76.png” width = “76” />

<icon height = “152” src = “resources/ios/icon/icon-76@2x.png” width = “152” />

<icon height = “167” src = “resources/ios/icon/icon-83.5@2x.png” width = “167” />

<icon height = “29” src = “resources/ios/icon/icon-small.png” width = “29” />

<icon height = “58” src = “resources/ios/icon/icon-small@2x.png” width = “58” />

<icon height = “87” src = “resources/ios/icon/icon-small@3x.png” width = “87” />

<icon height = “1024” src = “resources/ios/icon/icon-1024.png” width = “1024” />

<splash height = “1136” src = “resources/ios/splash/Default-568h@2x~iphone.png” width = “640” />

<splash height = “1334” src = “resources/ios/splash/Default-667h.png” width = “750” />

<splash height = “2208” src = “resources/ios/splash/Default-736h.png” width = “1242” />

<splash height = “1242” src = “resources/ios/splash/Default-Landscape-736h.png” width = “2208” />

<splash height = “1536” src = “resources/ios/splash/Default-Landscape@2x~ipad.png” width = “2048” />

<splash height = “2048” src = “resources/ios/splash/Default-Landscape@~ipadpro.png” width = “2732” />

<splash height = “768” src = “resources/ios/splash/Default-Landscape~ipad.png” width = “1024” />

<splash height = “2048” src = “resources/ios/splash/Default-Portrait@2x~ipad.png” width = “1536” />

<splash height = “2732” src = “resources/ios/splash/Default-Portrait@~ipadpro.png” width = “2048” />

<splash height = “1024” src = “resources/ios/splash/Default-Portrait~ipad.png” width = “768” />

<splash height = “960” src = “resources/ios/splash/Default@2x~iphone.png” width = “640” />

<splash height = “480” src = “resources/ios/splash/Default~iphone.png” width = “320” />

<splash height = “2732” src = “resources/ios/splash/Default@2x~universal~anyany.png” width = “2732” />

<preference name = “AllowInlineMediaPlayback” value = “false” />

<preference name = “BackupWebStorage” value = “none” />

<preference name = “DisallowOverscroll” value = “false” />

<preference name = “EnableViewportScale” value = “false” />

<preference name = “KeyboardDisplayRequiresUserAction” value = “true” />

<preference name = “MediaPlaybackRequiresUserAction” value = “false” />

<preference name = “SuppressesIncrementalRendering” value = “false” />

<preference name = “SuppressesLongPressGesture” value = “false” />

<preference name = “Suppresses3DTouchGesture” value = “false” />

<preference name = “GapBetweenPages” value = “0” />

<preference name = “PageLength” value = “0” />

<preference name = “PaginationBreakingMode” value = “page” />

<preference name = “PaginationMode” value = “unpaginated” />

<preference name = “CameraUsesGeolocation” value = “false” />

<preference name = “deployment-target” value = “11.0” />

<preference name = “CordovaWebViewEngine” value = “CDVWKWebViewEngine” />

<preference name = “DisableDeploy” value = “false” />

<preference name = “AutoHideSplashScreen” value = “false” />

<preference name = “StatusBarOverlaysWebView” value = “true” />

<preference name = “StatusBarStyle” value = “lightcontent” />

<preference name = “ScrollEnabled” value = “false” />

<preference name = “android-minSdkVersion” value = “19” />

<preference name = “android-targetSdkVersion” value = “28” />

<preference name = “SplashMaintainAspectRatio” value = “true” />

<preference name = “FadeSplashScreenDuration” value = “300” />

<preference name = “SplashShowOnlyFirstTime” value = “false” />

<preference name = “SplashScreen” value = “screen” />

<preference name = “SplashScreenDelay” value = “3000” />

<preference name = “AndroidPersistentFileLocation” value = “Compatibility” />

We used the plugins from ionicframework documentation mentioned in the developers section for background mode services. but after subscribing the background task in ionic the code or task is executed when the app is active or open . The service stops when the app is closed . Need sample code help or sample source code for the same. Thanks in advance.

Currently, my App cannot be installed on Android devices that do not have GPS even though GPS is not actually required for the App to function properly. This is due to the following in the AndroidManfest.xml file:

<uses-feature android:name="android.hardware.location.gps"  />

I need to update the AndroidManifest.xml file during build to the following:

<uses-feature android:name="android.hardware.location.gps" android:required="false" />

I am trying to use “edit-config” options within my config.xml to achieve this as follows:

<edit-config file="app/src/main/AndroidManifest.xml" mode="merge" target="/manifest/uses-feature[@android:name='android.hardware.location.gps']" xmlns:android="http://schemas.android.com/apk/res/android">
   <uses-feature android:name="android.hardware.location.gps" android:required="false" />
</edit-config>

This works fine if the AndroidManifest.xml file already exists and contains the “uses-feature…” setting already, but this fails with the following error if the AndroidManifest.xml file doesn’t exist, this is a problem because I use Ionic AppFlow to build the app so the following error occurs when I try and do a build with AppFlow. I can also make the following error occur locally by removing the Android platform and then re-adding it:

Android project created with cordova-android@8.1.0
Error: Unable to graft xml at selector "/manifest/uses-feature[@android:name='android.hardware.location.gps']" from "C:\Projects\MyApp\platforms\android\app\src\main\AndroidManifest.xml" during config install

Does anyone have a solution to this?

I have also tried using the “custom-config” plugin but this seems to cause other issues such as duplicates of the relevant “uses-feature…” in the AndroidManifest.xml file.

I think part of the problem is that I have multiple plugins that are trying to apply this setting (i.e. “cordova.plugins.diagnostic.modules”, “cordova-plugin-geolocation”, possibly “cordova-plugin-googlemaps” as well?).

Seeking a highly skilled, passionate app developer to join our small team.

We are ~70% through development on an exciting app concept and needing to pivot to a new developer. We are behind on schedule and seeking someone to take us across the finish line. Most of the back-end functionality is complete, though you will be responsible for full-stack development and must have experience working start-to-finish on quality apps.

This is a full-time contract position with potential for future work on multiple projects

You will be working closely with the Lead Designer who is also available to assist in front-end styling while you polish up functionality.

We are looking for someone who is:

• A Team Player
• Communicative & Reliable - Ask questions, make suggestions, take feedback well
• Agile, Motivated & Fast
• Thorough & Security Minded
• Native English speaker (or at least fluent)
• Willing to work ~40 hrs/week until completion

Your Skills & Experience Includes:

• Ionic v5
• Vue
• API Integration
• Firebase, Git
• Designing components or pages based on designs
• Utilizing task & communication tools like Teamwork & Slack or similar

The following experiences are a HUGE plus:

• Spotify or other music services API
• Social, Dating and/or Matching Platforms

Compensation: DOE - We will be providing you with designs and the current app dev status. You will provide a quote of time & compensation once we are confident you have a thorough understanding of the project. As we continue to build out features post-launch, if you have done good work, you will continue to receive contracts with the potential of going full-time. We have other projects in the work as well for qualified, dedicated, rock-star developers.

No Recruiters, Agencies, Side-Hustlers, or Low-Ballers - we are looking for a stellar, committed, qualified professional

If interested, please send:

• Your experience
• Why you’re interested
• Where you’re located
• The title of your favorite music album

To caitlin@gratiu.com

@mhartington, or anyone please help with this. My designer is not allowing me to keep the selected tab border to be so thin.

Open “resources/android/xml/network_security_config.xml” and update your domain instead of localhost

I tried this:

1. Get the certificates from the server (your_certificate.pem) and generate .crt file.
2. Put your_certificate.crt file in /your-app/android/app/src/main/res/raw/
3. Add the file network_security_config.xml in /your-app/android/app/src/main/res/xml/

File network_security_config.xml:

<network-security-config>
    <base-config cleartextTrafficPermitted="false">
        <trust-anchors>
            <certificates src="@raw/your_certificate"/>
            <certificates src="system"/>
        </trust-anchors>
    </base-config>
    <debug-overrides>
        <trust-anchors cleartextTrafficPermitted="false">
            <certificates src="@raw/your_certificate"/>
            <certificates src="system"/>
        </trust-anchors>
    </debug-overrides>
</network-security-config>

I have this structure because i use ionic 3 + Capacitor.

Whenever I press back button to my login page, the page’s footer I’m coming back from overwrites for a second the login page footer. See, I pressed back button:

image302×518 18.5 KB

after a few seconds, login page footer shows up:

image302×531 20.3 KB

here’s login page footer code and css:

<ion-footer class="login-footer">
    <ion-row>
        <ion-col class="footer-links">
            <ion-text [routerLink]="['/register']" class="ion-float-start register clickable">Cadastre-se</ion-text>
            <ion-text [routerLink]="['/recovery-password']" class="ion-float-end forgot-pass clickable">Esqueceu a
                senha?
            </ion-text>
        </ion-col>
    </ion-row>
</ion-footer>

CSS:

ion-footer {
  background: linear-gradient(88.45deg, #FF9009 -18.14%, #FFC700 165.33%);

  &.footer-md::before {
    background-image: none;
  }
}

.login-footer {
  height: 5vh;
}

Anyone can help me figure out what’s going on?

Did you check if the svg file does not have the color setted on file?

Hi,

I need to add/override few files under android platform during AppFlow build (i.e add google-services.json file to /platforms/android/app/)

I suppose I need to include “copy files script” anywhere… any suggestions how to achieve it?

Many thanks,
Amit

I’ll check it out, thanks.

Do you have any solution?

Dear Aexanderthe,
Hope you are doing well!!

I am interested for the following position.
Email Sent with details, Please Check.

Very Best Regards
Carter W

Has anyone got this working? I’m stuck with a similar issue while i have to differently load pdf in android.

Hi Guys, I want to do the Vertical Bar in ionic 4 to be like this screen

photo_2020-06-02_09-44-48606×1280 62.6 KB

How can I do to be like this?

The documentation from the Camera plugin has the following example:

import { Plugins, CameraResultType } from '@capacitor/core';

const { Camera } = Plugins;

async takePicture() {
  const image = await Camera.getPhoto({
    quality: 90,
    allowEditing: true,
    resultType: CameraResultType.Uri
  });
  // image.webPath will contain a path that can be set as an image src. 
  // You can access the original file using image.path, which can be 
  // passed to the Filesystem API to read the raw data of the image, 
  // if desired (or pass resultType: CameraResultType.Base64 to getPhoto)
  var imageUrl = image.webPath;
  // Can be set to the src of an image now
  imageElement.src = imageUrl;
}

This mentions that the image.path property of the result can be used to read the raw photo data.

However, no matter which CameraResultType I try, this property is always undefined.

I need to read the raw file to process it before uploading to Firebase Storage as a Blob.

Is this a bug or am I doing something wrong here?

thanks,it’s working

After debugging I came to know it was because my server was not secure ie it was using HTTP (not HTTPS). Android P uses HTTPS by default. What this means is that if you are using unencrypted HTTP requests in your app, the app will work fine in all versions of Android except Android P.

Let’s consider two situations where your app won’t work properly in Android P. Firstly, if your server is on HTTP obviously it won’t work in Android P. Another case is when your server is on HTTPS but it is returning something like an image URL which is HTTP, you won’t be able to load the image in Android P.

Solution: go to resources/android/xml/network_security_config.xml
and add domain here
ex-

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <domain-config cleartextTrafficPermitted="true">
    <domain includeSubdomains="true">localhost</domain>
    <domain includeSubdomains="true">add domain name here</domain>

    </domain-config>
</network-security-config>