import 'dart:io' show Platform;

Future<int> getBottomInset(BuildContext context) async {
  // Add your function code here!
  final bottomInset = MediaQuery.of(context).viewPadding.bottom;
  final result = bottomInset > 0 ? bottomInset + 8 : 8;
  return result.round();
}

✅ How to use

• Create a Custom Action

• Call it on page load or app start

• Save the returned value to a variable (App State or page variable)

• Use that value as bottom padding for your container or any bottom element

💡 Why this works

• Uses the actual system bottom inset

• Works on Android (gesture + 3 button navigation)

• Works on iOS and Android

• Keeps the layout consistent across devices

❌ Why I didn’t use SafeArea

• Full page SafeArea blocks edge to edge UI at the top

• Bottom only SafeArea adds too much height to the container

✅ With this approach

• Top stays edge to edge

• Bottom respects system UI

• No weird extra spacing

Custom Actions in my FlutterFlow app NEVER execute - no matter what I try. I need help figuring out why.

🔧 App Setup

• App Structure: All pages contain only a single WebView widget that loads HTML from an external server (Railway)

• Distribution: iOS TestFlight

• Firebase: Firestore + FCM (Push Notifications)

• Goal: Save FCM token to Firestore users/{uid} document

✅ What Works

• Push notifications sent from Firebase Console → Device RECEIVES them

• This proves FCM is properly configured and the device has a valid token

❌ What Doesn't Work

FCM token is NOT saved to Firestore, so my backend server cannot send targeted push notifications.

🛠️ Everything I've Tried (ALL FAILED)

1. Custom Action with Debug Code

Created saveFcmToken Custom Action that writes fcm_step field to Firestore:

dart

Future saveFcmToken() async {
  await Future.delayed(Duration(seconds: 2));
  
  try {
    final user = FirebaseAuth.instance.currentUser;
    if (user == null) return;
    
    // Debug: Write step to Firestore
    await FirebaseFirestore.instance
        .collection('users')
        .doc(user.uid)
        .set({'fcm_step': 'STEP_1_CALLED'}, SetOptions(merge: true));
    
    String? token = await FirebaseMessaging.instance.getToken();
    
    if (token != null) {
      await FirebaseFirestore.instance
          .collection('users')
          .doc(user.uid)
          .set({'fcm_token': token, 'fcm_step': 'SUCCESS'}, SetOptions(merge: true));
    }
  } catch (e) {
    // Log error to Firestore
  }
}

Result: fcm_step field NEVER appears in Firestore.

2. Added to Multiple Pages' On Page Load

• Added saveFcmToken to On Page Load of Dashboard

• Added to Homepage

• Added to Chaomung (first page)

Result: Still nothing in Firestore.

3. Added to Initial Actions in main.dart

Result: Still nothing.

4. Created SplashPage WITHOUT WebView

Following advice that WebView might interfere with lifecycle:

• Created new page SplashPage with NO WebView (only Container, Text, Loading indicator)

• Added On Page Load actions:

  1. saveFcmToken (Wait for Action = ON)

  2. Wait 2000ms

  3. Navigate to main page

• Set SplashPage as Initial Page in App Settings

Result: Custom Action still doesn't execute. No fcm_step in Firestore.

5. Simplest Possible Test Action

Created the simplest action possible:

dart

Future testAction() async {
  await FirebaseFirestore.instance
      .collection('test_logs')
      .doc('splash_test')
      .set({
        'message': 'Action executed!',
        'time': FieldValue.serverTimestamp(),
      });
}

Added to SplashPage On Page Load.

Result: No document created in test_logs collection.

6. Enabled "Allow Scheduling" in Push Notifications Settings

• Settings → Push Notifications → Allow Scheduling → ON

• Deployment Status: Deployed

Result: Still no FCM token saved.

🤔 Important Context

Previously, FCM token WAS being saved automatically!

• I didn't have any custom action for saving FCM token

• Just opened the app → FCM token appeared in Firestore users/{uid} document

• It was very simple, no complex code needed

• I accidentally deleted it and can't remember how it was configured

❓ My Questions

1. Is there a FlutterFlow setting that AUTOMATICALLY saves FCM token to Firestore? (Without any custom code)

2. Why do Custom Actions completely fail to execute? Even the simplest action that just writes to Firestore doesn't work.

3. Does having WebView-only pages affect Custom Action execution? Even though I created a SplashPage without WebView, actions still don't run.

4. What am I missing? There must be some configuration or setting I'm overlooking.

📊 Current Settings

Push Notifications Settings:

• Enable Push Notifications: ✅ ON

• Allow Scheduling: ✅ ON

• Automatically Prompt Users for Permission: ✅ ON

• Deployment Status: ✅ Deployed

🙏 Help Needed

Has anyone experienced Custom Actions not executing at all? Or knows how to automatically save FCM token without custom code?

Any help would be greatly appreciated!

FlutterFlow Version: Latest (as of April 2026) Platform: iOS (TestFlight) Firebase Services: Firestore, FCM, Authentication

j'aspire a perfectionner mes connaissances et à developper mon approche vis à vis de FLutteflow. Au plaisir de discuter avec vous

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/

I’m working on an idea for a small utility app in Flutter Flow, mainly focused on helping users with basic printer-related tasks.

I actually have a simple website where users can print test pages and check if their printer is working, and I’m now thinking about turning that concept into a mobile app for easier access: https://myprinttest.com/

The idea is something like:

• A simple app where users can quickly print a test page

• Basic troubleshooting steps if the printer is not responding

• Easy-to-use tools for non-technical users

Right now, I’m trying to figure out the best way to implement this in Flutter Flow:

• Should I just generate a printable file (PDF/image) and let the device handle printing?

• Or is there any way to connect directly with printers over Wi-Fi?

• Would this require a custom backend or API?

Also, if anyone has worked on similar utility apps, I’d love to know what features users actually find useful.

Thanks in advance ormat everywhere. Next time:

• Move link to bottom OR

• Mention without link in first post, then add link in reply

This keeps your backlink profile natural and safe

"Validating custom functions code ..." never ending..

Can not run test

can anybody help me on how to fix this issue?

Setup:

• Backend: Firebase Firestore

• Collection: Places

• Fields in each document:

  • name (String)

  • image / image_url (String - URL)

  • rating (Number)

  • city (String)

  • favorites (List<String>)

• ListView:

  • Backend Query: Collection Query → List of Documents

  • Only one child (Container → Column → widgets)

• Image Widget:

  • Source: Network Image

  • Path: Set from Variable

Issue:

When attempting to bind the Image widget:

• The field image (or image_url) appears blurred/unselectable

• Only the following fields are selectable:

  • reference

  • favorites

However:

• Text widgets CAN successfully bind to:

  • name

  • image (shows URL correctly)

  • other fields

• If a static URL (e.g., https://picsum.photos/400/200) is used, the Image widget works correctly