You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
description: Learn how to configure general settings for your FlutterFlow app.
7
+
sidebar_position: 0
8
8
---
9
9
10
-
# App Assets
10
+
# General Settings
11
+
This section serves as the control center for configuring essential aspects of your app.
12
+
13
+
14
+
## App Details
15
+
This section allows you to customize a wide range of settings that are crucial for the overall functionality and appearance of your application. From basic configurations like project and package (bundle) name to more advanced settings like theme customization and navigation control.
16
+
17
+
### Change Project, Package, and Display Name
18
+
19
+
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.
20
+
21
+
You can set a different name for the *App Store* and *Play Store* using the **Display Name**.
22
+
23
+
:::tip
24
+
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**.
25
+
:::
26
+
---
27
+
28
+
### Initial Page
29
+
30
+
You can specify your app's **Entry Page** and **Logged In****Page** from this section.
31
+
32
+
-**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.
33
+
-**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.
34
+
35
+
To set the page, simply choose the page that you want to use from the dropdown menu.
36
+
37
+
38
+
<div style={{
39
+
position: 'relative',
40
+
paddingBottom: 'calc(35.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
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.
69
+
70
+
---
71
+
72
+
### Download Settings
73
+
74
+
-**Run "dart fix"**: Enabling this will run the `dart fix` command when downloading the code. This makes the generated code cleaner and potentially more performant.
75
+
-**Download Unused Project Assets**: Enable this 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.
76
+
77
+
---
78
+
79
+
### Routing & Deep Linking
80
+
81
+
From here, you can configure the global settings for navigation and deep link in your app [here](../../../ff-concepts/navigation-routing/deep-dynamic-linking.md).
82
+
83
+
84
+
If you prefer watching a video tutorial, here is the guide for you:
85
+
<div style={{
86
+
position: 'relative',
87
+
paddingBottom: 'calc(56.67989417989418% + 41px)', // Keeps the aspect ratio and additional padding
88
+
height: 0,
89
+
width: '100%'}}>
90
+
<iframe
91
+
src="https://www.youtube.com/embed/H_3yQsa8wT8"
92
+
title=""
93
+
style={{
94
+
position: 'absolute',
95
+
top: 0,
96
+
left: 0,
97
+
width: '100%',
98
+
height: '100%',
99
+
colorScheme: 'light'
100
+
}}
101
+
frameborder="0"
102
+
loading="lazy"
103
+
webkitAllowFullScreen
104
+
mozAllowFullScreen
105
+
allowFullScreen
106
+
allow="clipboard-write">
107
+
</iframe>
108
+
</div>
109
+
<p></p>
110
+
111
+
---
112
+
## App Assets
11
113
12
114
This allows you to upload the images to be used by the app. From here, you can upload the Initial splash image and the image for the app launcher icon.
13
115
14
-
## Splash
116
+
###Splash
15
117
16
118
Splash screens are the first thing users see when your app starts up. They give the app time to get ready while showing you something fun or informative. This screen typically contains the image or logo of the app.
17
119
@@ -31,7 +133,9 @@ The steps to configure the splash screen are as follows:
The launcher icon (also known as the app icon) represents your application. When you open the launcher app, it shows the app icons for all the installed apps. It acts as an entry point for your app. The image asset that you will upload here will be used as the app launcher icon.
37
141
@@ -47,8 +151,8 @@ To add the app launcher icon:
47
151
48
152
6.[Run your app](../../../testing-deployment-publishing/running-your-app/run-your-app.md) on a real device or emulator to see the app launcher icon.
49
153
50
-
51
-
## Android Adaptive Icon
154
+
---
155
+
###Android Adaptive Icon
52
156
53
157
[Adaptive icons](https://developer.android.com/develop/ui/views/launch/icon_design_adaptive) are a design specification that allows app icons to adapt to different device environments without losing consistency in appearance. Unlike traditional launcher icons, which are static and can appear out of place or poorly scaled on different devices, adaptive icons consist of two layers:
54
158
@@ -69,21 +173,23 @@ Here are the steps to add adaptive icons:
See how to configure the [Nav Bar](../../ui/pages/page-elements.md#enable-nav-bar-in-settings) and the [App Bar](../../ui/pages/page-elements.md#appbar).
0 commit comments