|
| 1 | +--- |
| 2 | +slug: app-details |
| 3 | +title: App Details |
| 4 | +tags: [Project, Downlod, Asset, Settings] |
| 5 | +keywords: [Project Name, Package Name, Asset, Download Settings] |
| 6 | +description: Learn how to configure app settings for your FlutterFlow app. |
| 7 | +--- |
| 8 | + |
| 9 | +# App Details |
| 10 | + |
| 11 | +The page allows you to configure the settings related to your app. |
| 12 | + |
| 13 | +## Change Project, Package, and Display Name |
| 14 | + |
| 15 | +If you didn't decide on the app or package name when creating a new project, you might have entered a random name. From here, you can change the name anytime. |
| 16 | + |
| 17 | +You can set a different name for the *App Store* and *Play Store* using the **Display Name**. |
| 18 | + |
| 19 | +:::tip |
| 20 | +After changing the package name, errors may appear on the toolbar due to invalidated Firebase config files. To resolve this, generate new config files by going to **Settings & Integrations > Project Setup > Firebase > Regenerate Config Files**. |
| 21 | +::: |
| 22 | +--- |
| 23 | + |
| 24 | +## Initial Page |
| 25 | + |
| 26 | +You can specify your app's **Entry Page** and **Logged In** **Page** from this section. |
| 27 | + |
| 28 | +- **Entry Page**: This is the home page for your app. If authentication is enabled, users who are not logged in will see this page, which is typically set to a login/signup or onboarding page. |
| 29 | +- **Logged In Page** (*available only if auth is enabled*): This page is displayed on the app start if a user is already logged in. Users are automatically navigated to the page you specify here on a successful sign-in attempt. |
| 30 | + |
| 31 | +To set the page, simply choose the page that you want to use from the dropdown menu. |
| 32 | + |
| 33 | + |
| 34 | +<div style={{ |
| 35 | + position: 'relative', |
| 36 | + paddingBottom: 'calc(35.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding |
| 37 | + height: 0, |
| 38 | + width: '100%'}}> |
| 39 | + <iframe |
| 40 | + src="https://demo.arcade.software/EgYmUSzJ4IkHhG6fgpQ0?embed&show_copy_link=true" |
| 41 | + title="" |
| 42 | + style={{ |
| 43 | + position: 'absolute', |
| 44 | + top: 0, |
| 45 | + left: 0, |
| 46 | + width: '100%', |
| 47 | + height: '100%', |
| 48 | + colorScheme: 'light' |
| 49 | + }} |
| 50 | + frameborder="0" |
| 51 | + loading="lazy" |
| 52 | + webkitAllowFullScreen |
| 53 | + mozAllowFullScreen |
| 54 | + allowFullScreen |
| 55 | + allow="clipboard-write"> |
| 56 | + </iframe> |
| 57 | +</div> |
| 58 | +<p></p> |
| 59 | + |
| 60 | +--- |
| 61 | + |
| 62 | +## Folder Organization |
| 63 | + |
| 64 | +If you want the improved folder organization for your project, **Enable Updated Folder Organization**. This is especially helpful for older projects; for new projects, this is enabled by default. |
| 65 | + |
| 66 | +--- |
| 67 | + |
| 68 | +## Asset Download |
| 69 | + |
| 70 | +Enable the **Download Unused Project** **Assets** option to download all assets, including those that are not currently used in the project. This is useful when you need to access and use the assets in custom code or other parts of your project. |
| 71 | + |
| 72 | +--- |
| 73 | + |
| 74 | +## Routing & Deep Linking |
| 75 | + |
| 76 | +From here, you can specify the navigation transition style and deep link URL for your app. |
| 77 | + |
| 78 | +### Routing |
| 79 | + |
| 80 | +To override the default transition, turn on the **Override Default Transition** toggle. This will reveal the dropdown menu for choosing the **Transition Type** and the field for specifying the **Transition Duration**. |
| 81 | + |
| 82 | +:::info |
| 83 | +Though this overrides the default navigation transition style of the entire app, you can still use a different transition style between specific screens by selecting it while defining [**Navigate To**](../../../ff-concepts/navigation-routing/page-navigation.md#navigate-to-action). |
| 84 | +::: |
| 85 | + |
| 86 | +<div style={{ |
| 87 | + position: 'relative', |
| 88 | + paddingBottom: 'calc(35.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding |
| 89 | + height: 0, |
| 90 | + width: '100%'}}> |
| 91 | + <iframe |
| 92 | + src="https://demo.arcade.software/pwFCEHARwziKxFKNqNHQ?embed&show_copy_link=true" |
| 93 | + title="" |
| 94 | + style={{ |
| 95 | + position: 'absolute', |
| 96 | + top: 0, |
| 97 | + left: 0, |
| 98 | + width: '100%', |
| 99 | + height: '100%', |
| 100 | + colorScheme: 'light' |
| 101 | + }} |
| 102 | + frameborder="0" |
| 103 | + loading="lazy" |
| 104 | + webkitAllowFullScreen |
| 105 | + mozAllowFullScreen |
| 106 | + allowFullScreen |
| 107 | + allow="clipboard-write"> |
| 108 | + </iframe> |
| 109 | +</div> |
| 110 | +<p></p> |
| 111 | +If you prefer watching a video tutorial, here is the guide for you: |
| 112 | + |
| 113 | +<div style={{ |
| 114 | + position: 'relative', |
| 115 | + paddingBottom: 'calc(35.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding |
| 116 | + height: 0, |
| 117 | + width: '100%'}}> |
| 118 | + <iframe |
| 119 | + src="https://www.youtube.com/embed/H_3yQsa8wT8" |
| 120 | + title="" |
| 121 | + style={{ |
| 122 | + position: 'absolute', |
| 123 | + top: 0, |
| 124 | + left: 0, |
| 125 | + width: '100%', |
| 126 | + height: '100%', |
| 127 | + colorScheme: 'light' |
| 128 | + }} |
| 129 | + frameborder="0" |
| 130 | + loading="lazy" |
| 131 | + webkitAllowFullScreen |
| 132 | + mozAllowFullScreen |
| 133 | + allowFullScreen |
| 134 | + allow="clipboard-write"> |
| 135 | + </iframe> |
| 136 | +</div> |
| 137 | +<p></p> |
| 138 | + |
| 139 | +### Deep Linking |
| 140 | + |
| 141 | +Learn about adding deep link in your app [here](../../../ff-concepts/navigation-routing/deep-dynamic-linking.md). |
0 commit comments