Scribd
Upload
20 views

FlutterFlow Tasks

Uploaded by

contactthisweekintheworld
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
20 views

FlutterFlow Tasks

Uploaded by

contactthisweekintheworld
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 5

FlutterFlow Tasks - Upwork Hire

Please find some of the available tasks below, along with additional information about each
task.

These tasks are part of an ongoing FlutterFlow app project. Theme colors, theme fonts,
Firebase connection, and all other prerequisites have already been set up.

Task 1 - Build the ‘Sign Up Welcome’ screen - see screenshot below.

Icons and images will be already uploaded and ready to use in the Asset Library.

No functionality needed - actions/conditions/variables will be added later.

Copy paste button from another existing screen to save time.


Task 2 - Add phone number confirmation popup - see screenshot below.

Phone entry screen already exists, we now need to add a confirmation pop-up as a new
Component.

Phone number already has an app state ‘phoneNumber’ setup and ready to use as variable to
display the entered phone number.

Add conditional visibility to display only when the 1st Continue button is tapped.

Set clicking outside of the component to hide its visibility.

Copy over actions in the action flow editor from 1st Continue button to the new Continue button.
Task 3 - Build user profile information entry page and date-of-birth selector popup
- see screenshot below.

Duplicate an existing page with the same header design to save time. Copy/paste elements
from existing FlutterFlow profile template pages to save time.

No functionality needed - actions/conditions/variables will be added later.

Build date-of-birth selector component - this may have to be a custom widget to be able to
match the design.

The ready available calendar widget could possibly work, if it allows for changes to match the
design close enough (it can look slightly different).
Task 4 - Build the user height selection screen - see screenshot below.

Vertical scroll single column height selector.

Add action to Submit button, to store selected value to user_height field in user_profile
collection.

Individual height options can be added later - just add 10 height options for now to allow for
testing.

Task 5 - Build Upload/Edit profile photos screen - see screenshot below.

In user_profile collection, create an array/list field called 'user_images' to store image references
(URLs) for the uploaded images.

Tapping the ‘Upload Image’ button and + plus icon will have the same action flow assigned -
they will both allow the user to upload images from the device gallery.

When an image is uploaded, save it to the Firebase storage and update the user's profile
document, 'user_images" field in the database to include the reference (URL) to the new image.
Maximum 15 images allowed - use a conditional in action flow editor to check if the count is less
than 15 before proceeding to upload.

Display uploaded images, by retrieving the image references (URLs) from the user's profile in
the database and display them in a list>grid layout.

Tapping the X icon will delete the uploaded image - trigger an action to delete the image from
the cloud storage and remove its reference from the 'user_images' field in the database.

Copy this custom function to add ability to delete image from firebase cloud storage using
FlutterFlow >
https://community.flutterflow.io/c/community-custom-widgets/post/delete-image-in-firebase-ROB
K9NhPoV61KKF

Add ability to reorder images - Properties Panel > ListView Properties, and enable the
Reorderable property and use custom function provided here to enable re-ordering on drag >
https://docs.flutterflow.io/widgets-and-components/widgets/layout-elements/listview#reorder-list

You might also like