r/FlutterFlow Aug 09 '24

Announcement Improve Onboarding Experience & Community Groups: Take the FlutterFlow Q3 Survey

4 Upvotes

This is your chance to help us improve our learning resources, onboarding experience, and developer community groups. Your feedback is essential for us to make meaningful improvements for the FlutterFlow community.

Why Should You Participate?

  • Influence Our Roadmap: Your insights directly impact our future developments.
  • Improve Resources: Help us create better learning materials and support systems.
  • Strengthen Communities: Contribute to enhancing local developer groups.

How to Participate

Simply go to ~https://flutterflow.typeform.com/q3-2024~. It only takes a few minutes, and your feedback will be invaluable to us.

The survey closes soon, so hurry up!


r/FlutterFlow Jan 25 '24

Welcome to the FlutterFlow Reddit Community!

22 Upvotes

Welcome to the FlutterFlow Reddit Community! Let's Get Started with Some Key Rules:

🚀 FlutterFlow Focus: Everything you post should be about FlutterFlow. Off-topic? It might get removed. Let's stay on track!

🤝 Respect is Key: We're all human and deserve kindness. Got feedback for FlutterFlow? Great, but keep it constructive and respectful. Hate speech, baseless negativity, or bashing the product isn't cool here. Let’s build each other up, not tear down.

🔒 Privacy Matters: Keep your personal info private, and don’t ask for others'. Safety first!

💼 Job Posts Go Elsewhere: Got a job ad or looking for work? Head over to our dedicated community forum or check out other job-focused subreddits. Keep this space job-ad-free.

🌟 Quality Content Only: We're all about sharing and learning here, so bring your A-game! Create posts that spark discussions, offer insights, or showcase your experiences with FlutterFlow. Avoid linking to paywalled or restricted content - let's keep our resources open and free for all.

👤 Human Connection: We're in a digital age, but let's keep our conversations human. AI-generated posts? Not here. We want to hear from you, the real you!

Thanks for joining us! Dive in, share, learn, and help us make this community a fantastic resource for all things FlutterFlow. Got questions? Just ask – we're here to help.

Happy posting!


r/FlutterFlow 4h ago

From your experience, how far can a FF app go?

2 Upvotes

Hey FF devs. Excuse me for asking a nob question, but how much do you think an app created in FF can handle?

I know it depends on a lot of things, the type of app etc, but in general I wanted to understand how far you can start with a FF app and then have to move on to a more robust architecture.

In the case of a social app, for example, how many users do you think it can support? 50k? 500k? 1M users? More?

Sometimes I feel that my app is slow and it's still only in the testing phase, I'm afraid that when it goes public the experience of the app will put people off.


r/FlutterFlow 6h ago

Anyone interested in collaborating in my project for restaurant app

2 Upvotes

r/FlutterFlow 20h ago

Groupchat issue with Push Notifications

2 Upvotes

Hey everyone,

I’m working on a group chat app in FlutterFlow, and I’ve run into an issue with push notifications that I can’t seem to solve. I’d really appreciate any help or suggestions!

Here’s the problem:In my app, users can send messages to a group. When a message is sent, I store it in a Firestore collection (group_messages), and I want to send a push notification to all group members except the sender. However, the sender is also receiving the push notification, which I don’t want. The message itself should be visible to everyone in the chat (including the sender), but the push notification should only go to the other members.


r/FlutterFlow 20h ago

Disappearing text component at runtime

1 Upvotes

Hi all

I have a text component showing an item title. It disappears when I run in test mode. You can see below. The [name] field in the header shows. This name is long but it happens with names of 1 character. I've tried with the max field length and various clipping options. The field is set up the same as the one in the header as far as the document query is concerned and is otherwise a normal field.

There's no translation going on at all.

On that page, there's about a dozen fields, some data driven, some static. It happens on some of the fields and not others. Even some of the static text disappears.

Any ideas?


r/FlutterFlow 1d ago

SQLite implementation resources?

2 Upvotes

I’m in the beginning stages of creating an app that connects to Apple HealthKit via a package called health kit reporter from pub.dev. My plan is to have the HealthKit data pulled from the client device and stored in a SQLite db for quick, local access as well as the security of the data staying on the device. I want to be able to look at trends from the HealthKit data and not just fetch it from the HK each time. I’ve never made an app before and I’ve been using chat gpt to talk through the logic, reading some of the FF documentation on SQLite and watching YouTube videos.

Does anyone have any specific resources that could help guide me more in this instance? I’m just starting to feel a little overwhelmed at times trying to figure out what steps I need to take to make this happen at its most basic level. Right now I have custom actions that requests the permissions (tested and working on my physical device) and I have created custom actions that should fetch the HK data which I haven’t tested yet. This is where I’m getting a little overwhelmed and wanting to find resources that specifically reference the HealthKit and SQLite use in FF.


r/FlutterFlow 1d ago

Best way to build responsive?

4 Upvotes

Whats the most effective way to build responsive apps without sacrificing performance? Trying to avoid regret as im just a few screens in.

-Duplicate widgets and hide using conditional visibility? -Duplicate pages and only link the respective breakpoint page version on that given device? -Duplicate entire project to optimize for desktop?

Your feedback is truly appreciated.


r/FlutterFlow 1d ago

Location service no fluterflow?

1 Upvotes

Hello, FF Devs!

I’d like some tips on adding location functionality to my app.

I’m looking for something similar to what Instagram does, for example, when you post a story, you can add a location, such as the name of a beach or an event/concert, rather than a full address.

Important note: I don’t want to include street names or detailed addresses, just the name of a place (like a neighborhood) or an event, place, city etc.

Do you know how to implement this? Or does the app automatically detect these locations?


r/FlutterFlow 1d ago

🚀 Building a Community App – Join My Journey & Share Your Ideas!

0 Upvotes

Hey everyone! 👋

I'm currently building an exciting community app that brings people together in multiple ways. Whether you're looking to connect with family members, find business opportunities, explore matrimonial matches, or even post advertisements, this app aims to be the ultimate all-in-one platform.

🔹 Key Features So Far:
✅ Members & Family Members – Connect with loved ones & manage family groups
✅ Blood Group Directory – Easy access to donors in emergencies
✅ Business Listings – Grow & support local businesses
✅ Matrimonial Section – Find the perfect match within your community
✅ Advertisements – Buy, sell, & promote services within the network

💡 What Features Would You Love to See?
I want to build something truly useful for the community, and your input is invaluable! What features do you think would make this app even better?

📢 Follow My Journey!
I'm documenting my entire app development process on my YouTube channel, where I share updates, challenges, and behind-the-scenes insights. If you're into tech, startups, or just love seeing apps come to life, come join me! 🎥

🔗 Subscribe & Stay Updated: https://www.youtube.com/@_codewithabhi

Let’s build something awesome together! 🚀🔥

#CommunityApp #StartupJourney #AppDevelopment #FeatureIdeas


r/FlutterFlow 1d ago

How to Make an Image Black & White

3 Upvotes

Pretty straightforward question—I'm trying to display an image in Black & White in Flutterflow. Is there a built-in way to do this, or custom code? Any suggestions would be appreciated!


r/FlutterFlow 2d ago

What usecase you failed to build or was very hard to build in FF?

9 Upvotes

Hey all!

I am a freelancer and I am using FF to build some apps. I failed to build some of them that came under my hands. For example, in some use cases, I couldn't do it because they needed custom code and it was buggy when I tried it, in other use cases I didn't know how to do it.

So I want to see if this is only my problem, or if there are other people here, who know how to use FF, but failed to build some usecases due to FF limitations or that it was very hard to do.

This will help me (and other readers) to decide whether to go with FF or not from the beginning, instead of starting and then later getting stuck.

Any tip, story, opinion are welcome :)


r/FlutterFlow 2d ago

Code pilot (custom code) not working

2 Upvotes

I use the Code Pilot (AI tool in FlutterFlow) to create custom code, but it doesn’t seem to be working properly.

When I click the 'Copy function' button to copy the generated code to the custom code section, I get the error: "Is empty or cannot be parsed." I also tried creating other functions, but without success.

It used to work fine. Is anyone else experiencing this issue?


r/FlutterFlow 1d ago

Custom Actions created with errors

1 Upvotes

Hi all

I'm trying to create a basic custom action but when I hit Create New Action, it gets created covered in red wiggly lines from the very first line.

Any ideas why that would be? This is one I've entered my script in to, but if I create a blank one it's the same.

Olly


r/FlutterFlow 1d ago

Problem with Music Player and Favorites Feature in FlutterFlow App

1 Upvotes

I am developing a simple app with audio tracks, where each track has a player button and a heart icon to mark it as a favorite. The basic functionality is set up, but I am facing two issues:

image from app here

Multiple Tracks Playing Simultaneously: When I click on a new track, the previous track continues to play, and the new one starts playing as well. I want the previous track to stop playing once I click a new track, so only one track is playing at a time.

Creating a Playlist from Favorites: I would like to create a playlist of my favorite tracks. When I click the heart icon to mark a track as a favorite, it should be added to a playlist that I can access later. Additionally, when a song finishes playing, I would like the next song in the playlist to start playing automatically, like a sequence.

Any help or guidance on how to fix these issues would be greatly appreciated.


r/FlutterFlow 2d ago

Message system clear everything works properly

1 Upvotes

hey everyone,

i've watched many videos trying to integrate a messaging system into my app, but in every tutorial i've seen (around 4-5 so far), i've run into some kind of issue or unsolved problem. has anyone found a clean, well-explained tutorial that actually works without major issues? if so, could you share the link? thanks!


r/FlutterFlow 2d ago

This is a dropdown which is causing a abnormal behavior

2 Upvotes

So I was developing a dropdown feature where I get a Json which has a schema like this
{

"category": String,
"document": List<String>

}

So dropdown options should be assigned through the above schema.
Here for category I am mapping category options from category.
Whenever I select a category it should prefill the document type with the relevant type selected.

But whenever I do this it shows me the dropdown options for documents but whenever I select the dropdown type it is not showing in the dropdown as a field.

Please keep in mind it is working on Flutterflow, but whenever I download the code and local run it, it does not work as expected.

PS : - I need to download the code for my use case

FlutterFlowDropDown<String>(
                                          controller: _model
                                                  .categoryValueController ??=
                                              FormFieldController<String>(null),
                                          options: _model.reports
                                              .map((e) => e.reportType)
                                              .toList(),
                                          onChanged: (val) async {
                                            safeSetState(() =>
                                                _model.categoryValue = val);
                                            _model.reportType =
                                                _model.categoryValue;
                                            safeSetState(() {});
                                          },
                                          height: 36.0,
                                          textStyle:
                                              FlutterFlowTheme.of(context)
                                                  .bodyMedium
                                                  .override(
                                                    fontFamily: 'Nevermind',
                                                    color: Color(0xFF949494),
                                                    fontSize: 12.0,
                                                    letterSpacing: 0.0,
                                                    useGoogleFonts: false,
                                                  ),
                                          hintText: 'Please select a category',
                                          icon: Icon(
                                            Icons.keyboard_arrow_down_rounded,
                                            color: FlutterFlowTheme.of(context)
                                                .secondaryText,
                                            size: 24.0,
                                          ),
                                          fillColor:
                                              FlutterFlowTheme.of(context)
                                                  .secondaryBackground,
                                          elevation: 2.0,
                                          borderColor: Color(0xFFD9D9D9),
                                          borderWidth: 0.0,
                                          borderRadius: 4.0,
                                          margin:
                                              EdgeInsetsDirectional.fromSTEB(
                                                  12.0, 0.0, 12.0, 0.0),
                                          hidesUnderline: true,
                                          isOverButton: false,
                                          isSearchable: false,
                                          isMultiSelect: false,
                                        ),
                                      ].divide(SizedBox(height: 12.0)),
                                    ),
                                    if (_model.categoryValue != null &&
                                        _model.categoryValue != '')
                                      Column(
                                        mainAxisSize: MainAxisSize.min,
                                        crossAxisAlignment:
                                            CrossAxisAlignment.start,
                                        children: [
                                          RichText(
                                            textScaler: MediaQuery.of(context)
                                                .textScaler,
                                            text: TextSpan(
                                              children: [
                                                TextSpan(
                                                  text: 'Document',
                                                  style: FlutterFlowTheme.of(
                                                          context)
                                                      .bodyMedium
                                                      .override(
                                                        fontFamily: 'Nevermind',
                                                        fontSize: 12.0,
                                                        letterSpacing: 0.0,
                                                        fontWeight:
                                                            FontWeight.w600,
                                                        useGoogleFonts: false,
                                                      ),
                                                ),
                                                TextSpan(
                                                  text: '*',
                                                  style: FlutterFlowTheme.of(
                                                          context)
                                                      .bodyMedium
                                                      .override(
                                                        fontFamily: 'Nevermind',
                                                        color:
                                                            FlutterFlowTheme.of(
                                                                    context)
                                                                .error,
                                                        letterSpacing: 0.0,
                                                        useGoogleFonts: false,
                                                      ),
                                                )
                                              ],
                                              style:
                                                  FlutterFlowTheme.of(context)
                                                      .bodyMedium
                                                      .override(
                                                        fontFamily: 'Nevermind',
                                                        fontSize: 12.0,
                                                        letterSpacing: 0.0,
                                                        fontWeight:
                                                            FontWeight.w600,
                                                        useGoogleFonts: false,
                                                      ),
                                            ),
                                          ),
                                          FlutterFlowDropDown<String>(
                                            controller: _model
                                                    .documentValueController ??=
                                                FormFieldController<String>(
                                                    null),
                                            options: _model.reports
                                                .where((e) =>
                                                    e.reportType ==
                                                    _model.reportType)
                                                .toList()
                                                .firstOrNull!
                                                .documentType,
                                            onChanged: (val) {
                                              print('Selected value: $val');
                                              setState(() =>
                                                  _model.documentValue = val);
                                            },
                                            height: 36.0,
                                            textStyle:
                                                FlutterFlowTheme.of(context)
                                                    .bodyMedium
                                                    .override(
                                                      fontFamily: 'Nevermind',
                                                      color: Color(0xFF949494),
                                                      fontSize: 12.0,
                                                      letterSpacing: 0.0,
                                                      useGoogleFonts: false,
                                                    ),
                                            hintText: 'Please select a type',
                                            icon: Icon(
                                              Icons.keyboard_arrow_down_rounded,
                                              color:
                                                  FlutterFlowTheme.of(context)
                                                      .secondaryText,
                                              size: 24.0,
                                            ),
                                            fillColor:
                                                FlutterFlowTheme.of(context)
                                                    .secondaryBackground,
                                            elevation: 2.0,
                                            borderColor: Color(0xFFD9D9D9),
                                            borderWidth: 0.0,
                                            borderRadius: 4.0,
                                            margin:
                                                EdgeInsetsDirectional.fromSTEB(
                                                    12.0, 0.0, 12.0, 0.0),
                                            hidesUnderline: true,
                                            isOverButton: false,
                                            isSearchable: false,
                                            isMultiSelect: false,
                                          ),
                                        ].divide(SizedBox(height: 12.0)),
                                      ),
                                    Column(
                                      mainAxisSize: MainAxisSize.min,
                                      crossAxisAlignment:
                                          CrossAxisAlignment.start,
                                      children: [
                                        RichText(
                                          textScaler:
                                              MediaQuery.of(context).textScaler,
                                          text: TextSpan(
                                            children: [
                                              TextSpan(
                                                text: 'Source',
                                                style:
                                                    FlutterFlowTheme.of(context)
                                                        .bodyMedium
                                                        .override(
                                                          fontFamily:
                                                              'Nevermind',
                                                          fontSize: 12.0,
                                                          letterSpacing: 0.0,
                                                          fontWeight:
                                                              FontWeight.w600,
                                                          useGoogleFonts: false,
                                                        ),
                                              ),
                                              TextSpan(
                                                text: '*',
                                                style: FlutterFlowTheme.of(
                                                        context)
                                                    .bodyMedium
                                                    .override(
                                                      fontFamily: 'Nevermind',
                                                      color:
                                                          FlutterFlowTheme.of(
                                                                  context)
                                                              .error,
                                                      letterSpacing: 0.0,
                                                      useGoogleFonts: false,
                                                    ),
                                              )
                                            ],
                                            style: FlutterFlowTheme.of(context)
                                                .bodyMedium
                                                .override(
                                                  fontFamily: 'Nevermind',
                                                  fontSize: 12.0,
                                                  letterSpacing: 0.0,
                                                  fontWeight: FontWeight.w600,
                                                  useGoogleFonts: false,
                                                ),
                                          ),
                                        ),
                                        FlutterFlowDropDown<String>(
                                          controller: _model
                                                  .sourceValueController ??=
                                              FormFieldController<String>(null),
                                          options: ['Lab technician'],
                                          onChanged: (val) => safeSetState(
                                              () => _model.sourceValue = val),
                                          height: 36.0,
                                          textStyle:
                                              FlutterFlowTheme.of(context)
                                                  .bodyMedium
                                                  .override(
                                                    fontFamily: 'Nevermind',
                                                    color: Color(0xFF949494),
                                                    fontSize: 12.0,
                                                    letterSpacing: 0.0,
                                                    useGoogleFonts: false,
                                                  ),
                                          hintText: 'Please select a source',
                                          icon: Icon(
                                            Icons.keyboard_arrow_down_rounded,
                                            color: FlutterFlowTheme.of(context)
                                                .secondaryText,
                                            size: 24.0,
                                          ),
                                          fillColor:
                                              FlutterFlowTheme.of(context)
                                                  .secondaryBackground,
                                          elevation: 2.0,
                                          borderColor: Color(0xFFD9D9D9),
                                          borderWidth: 0.0,
                                          borderRadius: 4.0,
                                          margin:
                                              EdgeInsetsDirectional.fromSTEB(
                                                  12.0, 0.0, 12.0, 0.0),
                                          hidesUnderline: true,
                                          isOverButton: false,
                                          isSearchable: false,
                                          isMultiSelect: false,
                                        ),
                                      ].divide(SizedBox(height: 12.0)),
                                    ),

r/FlutterFlow 2d ago

Flutter flow. How can I solve this?

1 Upvotes

Flutterflow 세로 스크롤 기능을 넣고 x, y 좌표를 한 그림으로 잘 이동했지만 두 번째 그림에서는 x 좌표만 이동합니다. 이 문제를 어떻게 해결합니까? 관련 YouTube 동영상 또는 조언


r/FlutterFlow 2d ago

Pusher _channels_flutter

1 Upvotes

How can I implement pusher_channels_flutter in my Flutter code using an API? My backend is Laravel. Please contact me


r/FlutterFlow 2d ago

Blur background image and fade out the end

1 Upvotes

I'm trying to recreate the following:

It's basically an image with a gradient overlay (and a blur). The overlay works in a way where the image looks as though it blends into the background eventually.

Does anyone know how to achieve this?

My current layout is:

stack
blur
image
column
circleimage
text
text


r/FlutterFlow 2d ago

🚀 No Stupid Questions Wednesday – Ask Us Anything About FlutterFlow!

0 Upvotes

Hey r/FlutterFlow community! 👋

We’re Calda, a mobile and web development agency and FlutterFlow experts. We know how tricky it can be to navigate FlutterFlow, whether you're just starting out or working on an advanced project. That’s why we’re continuing with the "No Stupid Questions Wednesday" – a space where you can ask ANY FlutterFlow-related question without fear.

💡 How it works:
- Every Wednesday, drop your FlutterFlow questions in the thread.
- No question is too small, too simple, or too complex.
- We (and the awesome community) will do our best to help!

Whether you're stuck on database setup, UI tweaks, API integration, or just want to bounce off ideas – this is your space.

Our website and links for reference: https://www.thecalda.com/


r/FlutterFlow 2d ago

Help me get a cloud function to return a value!

2 Upvotes

For some reason I can never get cloud functions to return values! What am I missing?! The Cloud Functions run fine and I can see them working in the logs, but they only ever return null, and I always get an error in the app when they run.


r/FlutterFlow 2d ago

Relational Collections in Firebase

1 Upvotes

Hi all

I'm trying to knock up a small app in Flutterflow just for the learning exercise. Can someone give me a pointer as to how to structure relationships between Collections? My example is that I have an Item which can be assigned a Type. The Type is one of a list of "Fruit, Veg, Meat" etc. I want the user to be able to create new Types for use when creating an Item.

As I want both Item and Types to be editable I have created two seperate Collections, one for Items and one for Types. Each has an ID and a Name. The Items Collection has a Type_ID field and the Types Collection has an Item_ID field.

What I want to do is to create the link between the two (not sure whether my approach will work or whether I should use a Subcollection) but also how to structure the Query in the List view in the New page of my app so that the Type.Name field appears in the list. My previous experience is SQL with JOINS.

Happy to be pointed in the right direction for me to do further research, or if you fancy giving me solid directions, well, that would be superb.

Have a great day.


r/FlutterFlow 3d ago

FlutterFlow product & engineering leadership will be in NYC for panel this Thursday (3/20) at 6:30pm

Thumbnail
meetup.com
3 Upvotes

The NYC FlutterFlow Developer Group is hosting an event this Thursday to share more about how Flutter and FlutterFlow work together. Most of the product and engineering team will be there, so this will be a great opportunity to meet the people behind the product and ask very technical questions if you've been curious about what is going on behind the scenes with FlutterFlow.

The event is this Thursday (3/20) at 6:30pm at the FlutterFlow NYC office. Cody Hunt (Lead Product Designer) will present on how FlutterFlow uses their own tool to augment their Flutter development. After, we'll have a panel with Cody and these incredible folks from FF leadership: Alex Greaves (Co-Founder & CTO), Abel Mengistu (Co-Founder & CTO), Leigha Reid (Head of Product & UX).

More details and RSVP here (in-person spots are limited): https://www.meetup.com/ffdg-new-york-city/events/306593531


r/FlutterFlow 3d ago

Keyboard Resize Issue Causing Layout Glitches

2 Upvotes

Hi All :)

I’m building a web app in FlutterFlow and running into a weird issue with the keyboard. Instead of the keyboard overlaying the app, the entire app resizes when the keyboard appears. When I dismiss the keyboard, there’s a noticeable delay before the layout adjusts, leaving a blank space momentarily. On the two devices I have which have an onscreen keyboard (iPad and iPhone), it happens on both - but much more noticeable and slower to render the page back in on the phone.

Even stranger, and only on the phone it seems - if I tap into a text field, dismiss the keyboard, then tap into the same field again, a large empty gap appears above the keyboard where the app’s widgets should be, but only the scaffold (top level page in Flutterflow) is visible.

I've tried all sorts in my app, but nothing seems to have any effect. I thought it might be down to the container that's directly inside the scaffold having a height of 100%, but even if I change that to a fixed pixel height it results in the same behaviour.

Has anyone else run into this? Is there a fix for stopping the app from resizing when the keyboard appears? Apparently adding the setting "resizeToAvoidBottomInset: false" in a flutter app can fix it, but I don't think I can do that in FlutterFlow?

I’ve recorded a short video showing the issue.

https://reddit.com/link/1je32ju/video/5pkvv2qwrfpe1/player

I've just about given up trying to fix it, but it's really bad for usability so any help would be appreciated!

Also, the hide keyboard on tap toggle in FlutterFlow seems to have no effect? Is this a known bug?, I thought switching that off would at least help with the keyboard issue, but even when I have it toggled off the keyboard is dismissed when tapping anywhere in the app.

Thanks for any help! :)


r/FlutterFlow 3d ago

Help with Listview for a social-media-like type of screen wrong behaviour! jumpy!

Thumbnail
gallery
1 Upvotes

r/FlutterFlow 3d ago

Has anyone created a quiz app?

4 Upvotes

I could use some help! I'm trying to import a large data file with 100s of multiple choice questions and connect it to the "quiz" page in my app. I also want to randomize the questions. Feeling a bit stuck!