On FlutterFlow you have an option to connect to your GitHub account and push your entire Flutter codebase to a GitHub repository. You can either use the Push to Repository option under the Developer Menu present on the Tool Bar, or you can directly do to the Settings and Integrations > GitHub tab.
Using GitHub, you can merge your local changes with any new updates to your FlutterFlow project.
Connect a GitHub repo to the FlutterFlow project:
1. Go to your GitHub account, create a new repo by clicking on the "+" button on the top-right corner and select New repository.
2. Enter the repository name and fill up other descriptions. We recommend creating a private repository. Don't keep the repo empty, select Add a README file. Click Create repository.
If you keep the repository empty then it would not be initialized as there's no main branch. So, FlutterFlow would not be able to upload your project there.
3. Once the repo is created, go back to the Settings and Integrations page and move to Step 2. Click on the link present there to open the FlutterFlow GitHub App page.
Click Install and select the account to install on.
4. Choose Only select repositories and select the repo name that you created in Step 2 from the dropdown. Click Install.
5. Now, go back to the Settings and Integrations page and move to Step 3. You just have to copy the GitHub repository URL that you created and paste it in the Full Repository URL text field.
6. Click Associate Repo.
7. You will notice that a new button will appear, called Push to Repository. Click on it. This will open up a new popup. Enter the Git Commit Message and click on Push.
The Git Commit Message should summarize the changes made in the FlutterFlow project. It helps you recall changes in the future. For example, Update app title, Add push notification, Add todo search, etc.
The uploaded code on a new branch flutterflow look like this:
How To Make Local Changes So They Won't Be Overwritten With Your Next Push From FlutterFlow:
You can find the step-by-step guide for managing the custom code here.
Here are a few tips and tricks:
FlutterFlow pushes any changes to a branch called flutterflow, it doesn't modify anything present inside your other branches.
You should not make any direct changes to the flutterflow branch.
If you want to make any modifications to the code should be made in a different branch (e.g. main branch).
That waythe next time you push from FlutterFlow, it will overwrite the FlutterFlow branch. You can merge these changes into your main branch.