How to rename platform "App" in ionic with capacitor - ionic-framework

Question

How to rename platform application name from "App" to something else?
When adding platform to ionic capacitor project by npx cap add ios it generates ios/App folder but I would like to name it ios/my-app.
And if it is possible I would like to add two apps for the same project for different environments (ios/my-app-test and ios/my-app-prod).

Answer 1

From looking into this it seems the answer is no to both of your questions.
The IOS template comes from here:
https://github.com/ionic-team/capacitor/tree/master/ios-template
Which has the /App/ folder set without any configuration options.
The command starts here:
https://github.com/ionic-team/capacitor/blob/master/cli/src/tasks/add.ts
Then hands off to this file for ios:
https://github.com/ionic-team/capacitor/blob/master/cli/src/ios/add.ts
And all of the settings are put together here:
https://github.com/ionic-team/capacitor/blob/master/cli/src/config.ts#L182
Which shows that it just pulls in the template dir, with no option to configure any renaming of the subfolders within it:
https://github.com/ionic-team/capacitor/blob/master/cli/src/ios/add.ts#L17

Answer 2

This is actually now addressed in the documentation here: https://capacitor.ionicframework.com/docs/ios/configuration/#renaming-the-application-s-default-app-name
You can't rename the App folder, but you can set the name of your app by renaming the "target" called "App".
In Xcode, click on the name of the target twice to edit the name.
Update the Podfile where it says 'App' to the new target name.
target 'App' do # <- change 'App' to 'Your App Name'
capacitor_pods
# Add your Pods here
end
Restart Xcode to see the change fully reflected.
Don't try and change the name of the project itself or things can start to break... Just leave as App. The strategy by #bittor poza caused similar issues so make sure to only change the Target name.

Answer 3

I have changed the name of the project in two simple steps.
Select the name of the project.
Enter the new name in the menu on the right.
Official Xcode documentation
Edit: The proper way to avoid future problems when updating Capacitor is to follow the official documentation. Renaming the application's default App name
Example: Example

Answer 4

You can't rename the App folder, what you can do is to add targets to the native project.
Just right click the existing "App" target and choose duplicate. You can also rename the existing target if you click on the "App" text.
But if you add new targets, or rename the existing one, you have to also modify the Podfile to add the new targets or to rename the current target accordingly.

Answer 5

Here is the solution after trying multiple time
you just have to follow the capacitor documentation
1: Delete you ios folder
2: then again add ios using this cmd
npx cap add ios
3: then follow the capacitor official documentation that ask you to do
two steps.
=> Edit pods file like this
=> Rename the App in target section Check this image
Documentation
then it will not throw any error work perfectly
My Answer on ionic forms

Answer 6

As of 2023, all of the previous solutions seems to either not work well, or give problems. I'm not saying that this solution is the absolute best, but I've found this out when I was looking at all of these solutions while having this problem.
Change the iOS app display name
You can change the app display name that shows up on the app by following these steps
Click on the App project folder
Go to the Targets Area (Usually would be named App, but my isn't because I've manually changed the name)
Go to the info tab
Go to Bundle display name and change the value. This value will be the same value that will be displayed as the name on the iOS app so don't use too many letters.