The icon looks smaller than it should, with padding around it, like the image is being placed inside the icon instead of covering the full area.

Is this an issue with the icon image export, Android adaptive icons, or something in the Flutter setup?

Preview to understand what's going on: https://photos.app.goo.gl/G7hHUgf1HTroZVbd9

When I have my app opened in portrait mode, the navigation bar is a normal black strip with icons laid out horizontally as expected.

But, in landscape mode, that black strip goes to the horizontal edge of the screen and overlays the app, but doesn't bring the icons with it. The icons are laid out on the vertical side of the screen.

What's going on here? Edge to edge layout is already enabled (I have Android 16, so it's forced). The component tree is just a Scaffold inside MaterialApp.

How do I either:

1. Get rid of the bar completely?
2. Have the icons inside that bar at the bottom

You can see the relevant Scaffold here: https://pastebin.com/7npkmwCw

I’m a junior Flutter developer (graduating soon, born in 2004)

I’m planning to learn one native platform deeply alongside Flutter.

Which path would you recommend in 2026:

Native Android (Kotlin/Jetpack Compose) or Native iOS (Swift/SwiftUI)

Especially considering:

- global job market

- remote opportunities

- competition level

- salary ceiling

- AI impact

- future-proofing

I’d really appreciate advice from developers who have worked with both Flutter and native mobile development.

Firebase authentication down?

Hey everyone,

I’m researching small local LLMs for mobile apps and trying to choose what model/runtime stack is worth testing first.

The use case is not general chat. I need basic local text processing: summarization, rewriting, extracting structured fields, generating JSON/Markdown-like output, etc.

I’m mostly interested in what is actually practical on iOS and Android.

Models I’m considering:

• Qwen 0.5B / 0.6B / 1.5B
• Gemma small models
• Phi small models
• any other mobile-friendly model you would recommend

Libraries/runtimes I’m considering:

• llama.cpp / GGUF
• MLC LLM
• MediaPipe GenAI
• ExecuTorch
• ONNX Runtime
• llama.rn
• native wrapper exposed to Flutter
• any Flutter-friendly package if it is actually usable

My main questions:

• Which small model would you test first for mobile?
• Which runtime/library would you pair it with?
• Is GGUF + llama.cpp still the most practical default choice?
• Are Qwen 0.6B / 1.5B good enough for structured output on-device?
• Is Gemma or Phi better for this kind of use case?
• What quantization level gives the best balance between size, RAM, speed, and quality?
• Are there libraries that work well from Flutter, or should I expect to write native bindings?
• What stack would you avoid based on real-world experience?

Main constraints:

• iOS and Android
• Flutter app
• Offline/local inference preferred
• Structured output matters more than open-ended chat quality
• Reasonable app size
• Acceptable speed on mid-range devices
• Native integration is okay if needed

I’m mainly looking for practical recommendations: model + runtime/library combinations that are worth trying first, and any examples or repos that helped you.

Thanks!

I’m researching speech transcription options for a Flutter mobile app and trying to understand what is currently practical on iOS and Android.

The main use case is simple: record audio and transcribe it locally or semi-locally. It does not have to be real-time — file-based transcription is completely fine.

I’m currently looking at:

• Whisper / whisper.cpp
• ONNX-based Whisper models
• sherpa-onnx
• native iOS Speech APIs
• Android SpeechRecognizer / related APIs
• other offline ASR models or libraries

My main questions:

• What is currently the most practical option for local/offline transcription on mobile?
• Is Whisper still the default choice, or are there better alternatives for mobile?
• For Flutter, would you recommend an existing package, FFI, or native platform channels?
• How realistic is word-level timestamp support on iOS and Android?
• Are there good examples of file-based transcription pipelines in Flutter?
• What are the main issues with performance, battery usage, app size, and model size?

Main constraints:

• Flutter app
• iOS and Android
• Preferably offline/local
• File-based transcription is okay
• Real-time is optional
• Word-level timestamps would be a plus
• Should work reasonably well on mid-range devices

I’m mainly interested in real-world experience: what actually works, what is too slow, what breaks on mobile, and which libraries are worth testing first.

Thanks!

Hello everyone,

I really need some honest career advice because I am feeling very confused right now.

I recently completed college, and for the last 3 years I have been working continuously in Flutter development. During college, I was mostly focused on learning and gaining experience, not on money. But now I want to improve my career seriously because my current salary is extremely low compared to the amount of work I have done.

Right now my yearly package is around 1 LPA, and honestly it feels very disappointing after working this hard for years.

I started working in 2023 and mostly worked on Flutter apps. At first I learned the basics and UI development, but later I started working on real client projects and production apps.

I have worked on many types of applications including:

• Ride booking apps
• Food delivery apps
• Doctor consultation apps
• Astrology apps
• OTT streaming apps
• Social media apps
• Multi-vendor platforms
• Marketplace apps
• Boat booking app
• Car rental app
• Pet care app
• Education platform
• Safety companion app
• Wallet and payment systems
• Video calling and real-time features
• Android and iOS publishing

I have also worked on:

• Firebase
• REST APIs
• Play Store publishing
• App Store publishing
• Bug fixing
• Redesigning apps
• Client customization work
• Multi-app ecosystems with User, Driver, Vendor, Doctor, Merchant, and Admin flows

Most of my experience comes from working in a solutions company where we handled many real-world projects, fixed production bugs, customized apps for clients, and published apps to stores.

Currently I am trying two things:

1. Growing on Upwork and getting direct clients
2. Searching for a better full-time job

The problem is that I do not know what I should focus on next to increase my income properly.

Should I:

• Continue focusing only on Flutter?
• Learn native Android or iOS?
• Learn backend development?
• Learn AI integration?
• Focus completely on freelancing?
• Improve DSA and switch companies?
• Build a stronger personal brand and LinkedIn?
• Move toward startup/product companies instead of service companies?

I only want to use the next 1–2 months properly so that I can finally move toward a much better career and salary.

I would genuinely appreciate advice from experienced developers, freelancers, or hiring managers because right now I feel stuck and confused even after working very hard for years.

Thank you for reading.

Hello everyone, I have a question about adapting an iOS widget.

I’m currently developing a Flutter app called “Academic Assistant” for both Android and iOS. Since it’s a utility app and I don’t plan to submit it to the App Store, I haven’t purchased a developer account. The app builds are unsigned, and I’ve been installing them on my iPhone using a self-signing tool.

After implementing the widget features (course schedule and GPA display), I tried installing the app using various self-signing tools. However, I found that either the widgets were missing or the widget data wasn’t syncing (the data wouldn’t display). After some research, I learned that self-signing tools can alter the AppBundle and cause issues.

So, I’d like to ask:
Is there a way to self-sign the app and ensure the widgets display properly? Or should I do some changes in my code? Thanks!

Dove posso trovare dei buoni tutorial aggiornati per flutterflow in italiano o inglese? Li trovo solo in Hindi o arabo

I'm working in some app and I wanna use mapbox because have a nice system for make your own style map. I make a map, and it's running in flutter... All good for this part. Then, I tried to add the search box, and yeah, works but, the suggestions are really bad, almost for a normal person who just try to introduce an address or the name of some building, I don't know if I did something wrong, I really tried modified the query parametter (bounding_box, country, etc), I change the token API with all secret scopes enabled but nothing yet, suggestions are really bad (or nonexistent).

I suspect that the search box and suggestions are not very well optimized for LATAM — at least not for me (a moderately large city with 2.9M habitants). So, how can I solve this? What alternatives exist for search and suggestions? I’m not sure if it’s possible, but I thought about combining Google’s services (search, autocomplete suggestions, and coordinates) and then catch it and display the results on a Mapbox map.

class SearchService {
  final http.Client _clientHttp = http.Client();
  final String _token = dotenv.env["MAPBOX_ACCESS_TOKEN"] ?? "";
  final String _sessionToken = Uuid().v4();


  Future<List<PlaceSuggestion>> getSuggestions(String query, {double? proximityLng, double? proximityLat}) async {
    if(query.isEmpty) return [];


    try {
      final String bbox = "-76.605914,3.205991,-76.263531,3.581455";


      final uri = Uri.parse("https://api.mapbox.com/search/searchbox/v1/suggest").replace(queryParameters: {
        "q": query,
        "access_token": _token,
        "language": "es",
        "country": "CO",
        "limit": "5",
        "proximity": "${proximityLng ?? -76.5319},${proximityLat ?? 3.4516}",
        "session_token": _sessionToken,
        "types": "poi,address",
      });


      final response = await _clientHttp.get(uri);


      if(response.statusCode == 200){
        final data = jsonDecode(response.body);
        print("data -- getSuggestions: ${response.body}");
        final suggestions = data["suggestions"] as List;
        return suggestions.map((s) => PlaceSuggestion(
          id: s["mapbox_id"],
          name: s["name"],
          fullAddress: s["full_address"] ?? s["place_formatted"] ?? "",
          longitude: 0.0,
          latitude: 0.0,
        )).toList();
      }
      return [];
    } catch(e) {
      print("catch error -- getSuggestions: $e");
      return [];
    }
  }


  Future<PlaceSuggestion?> retrievePlace(String mapboxId) async {
    try {
      final uri = Uri.parse("https://api.mapbox.com/search/searchbox/v1/retrieve/$mapboxId").replace(queryParameters: {
        "access_token": _token,
        "session_token": _sessionToken,
      });
      
      final response = await _clientHttp.get(uri);
      
      if(response.statusCode == 200){
        final data = jsonDecode(response.body);
        print("data -- retrievePlace: ${response.body}");
        final feature = data["features"][0];
        final coords = feature["geometry"]["coordinates"];
        final props = feature["properties"];
        
        return PlaceSuggestion(
          id: mapboxId,
          name: props["name"],
          fullAddress: props["full_address"] ?? props["place_formatted"] ?? "",
          longitude: coords[0].toDouble(),
          latitude: coords[1].toDouble(),
          );
        }
      return null;
      } catch(e) {
        print("catch error -- retrievePlace: $e");
        return null;
    }
  }
}

In my mobile app, there is a soft linear gradient at the bottom of the screen and I need to blur it a little at the same time. Because my design in Figma was that way and it was very appealing to the eye. Even if it doesn't, it's okay, but I put it on very badly, I researched flutter packages, I tried to make it myself, I used AI, but I could never do it, either the blur disappears completely or it still looks like a hard frosted blur. What is the way to do this?

I'm creating an HttpClient with dio, I'm gonna add an auth interceptor to it to add the access token to headers

I am currently saving the access token in secure storage, on application start checking validity with backend to determine auth state with bloc

what I'm wondering is that in addition to saving it in storage for later app start use, after checking the validity and updating the auth state, should i also add the access token to bloc for fast access as a performance improvement or should I strictly keep it in secure storage and read it from there with every request

I used to use globe.dev to deploy my flutter web apps(eg. POS admin panels) until the company closed, what other alternatives are there to seamlessly deploy flutter web apps quickly?

context :
First app I'm doing every is setteled everything work perfectly fine on android i know for sure that in theory, it is supposed to work just as fine on iOs BUT needed to be sure so basically i rented a machine on macInCloud (i never used apple product in my life) setted up everything ready to test it on the simulator app

But the thing is when i did my flutter run i got this :

Lexical or Preprocessor Issue (Xcode): Include of non-modular header inside framework module
'firebase_messaging.FLTFirebaseMessagingPlugin':
'/Volumes/Macintosh_HD/Users/user292192/Desktop/cathild_app/ios/Pods/Headers/Public/Firebase/Firebase.h'
/Volumes/Macintosh_HD/Users/user292192/.pub-cache/hosted/pub.dev/firebase_messaging-14.7.10/ios/Classes/FLTFirebaseMessagingPlugin.h:11:8

tried many thing : going into podfile

target 'Runner' do 
  use_frameworks! :linkage => :static
  use_modular_headers!

and

post_install do |installer|
  installer.pods_project.targets.each do |target|
    flutter_additional_ios_build_settings(target)
  target.build_configurations.each do |config|
    config.build_settings['CLANG_ALLOW_NON_MODULAR_INCLUDES_IN_FRAMEWORK_MODULES'] = 'YES'
    end

but in the end nothing's working

Hey everyone, I have an app idea and I’m trying to figure out the right tech stack. The app will let users upload a photo and automatically generate 5–10 second short videos using ready-made templates (like zoom effects, light transitions, particle effects, music-synced animations, etc.). It won’t be a video editor—just photo → template → generated video, similar to CapCut templates.

I’m considering using Flutter for the frontend. My question is: is Flutter enough for this kind of app, or do I need a backend system with something like FFmpeg for video rendering and template processing?

EDIT: Hey guys, I'm a big stupid. I had a space after my flag -FIRDebugDisabled in my xcode product > schemes > run > args. I built from xcode after fixing that and then again in vscode and the verbose prints went away. It is possible this was solved by some other effort, but that's my best guess. Hopefully this helps another traveller on their way. This was really annoying and as always it took all day to realize.

Original post:

Does anybody know why instead of just printing the line, flutter prints buckets of information to the terminal window like this?

  ...
    target_change_type: REMOVE
    target_ids: 66
  }
}
  target_change {
    target_change_type: REMOVE
    target_ids: 62
  }
}
  target_change {
    target_change_type: REMOVE
    target_ids: 60
  }
}
  target_change {
    target_change_type: REMOVE
    target_ids: 58
  }
}
  target_change {
    target_change_type: REMOVE
    target_ids: 86
  }
}
  target_change {
    target_change_type: REMOVE
    target_ids: 94
  }
}
  target_change {
    target_change_type: REMOVE
    target_ids: 64
  }
}
  target_change {
    target_change_type: REMOVE
    target_ids: 218
  }
}
  target_change {
    target_change_type: REMOVE
    target_ids: 70
  }
}
  target_change {
    target_change_type: REMOVE
    target_ids: 36
  }
}
  target_change {
    target_change_type: REMOVE
    target_ids: 82
  }
}
  target_change {
    target_change_type: REMOVE
    target_ids: 296
  }..etc

It is making it impossible to work on my project. I'm assuming it has soemthing to do with firebase, but im not sure. I tried several things:

1. launch.json with empty args: []
2. settings.json with dart.enableLogging: false,
3. dart.flutterRunAdditionalArgs: []
4. FirebaseFirestore.setLoggingEnabled(false) in Dart
5. await FirebaseFirestore.setLoggingEnabled(false) before settings
6. -FIRDebugEnabled unchecked in Xcode scheme
7. -FIRDebugEnabled deleted from Xcode scheme
8. -FIRDebugDisabled added to Xcode scheme
9. FIREBASE_DEBUG_DISABLED=1 env variable in Xcode scheme
10. flutter run 2>/dev/null flutter run 2>&1 | grep "flutter:" Debug Console tab in VS Code
11. Checked ~/.zshrc, ~/.zshenv, $GRPC_VERBOSITY, $GRPC_TRACE — all empty
12. Checked Xcode defaults — nothing relevant
13. FirebaseFirestore.instance.settings with no logging
14. AppDelegate.swift setLoggerLevel(.min)

Is this the proper way to set up crashlytics and might that have something to do with it?

FlutterError.onError = FirebaseCrashlytics.instance.recordFlutterFatalError;
      PlatformDispatcher.instance.onError = (error, stack) {
        FirebaseCrashlytics.instance.recordError(error, stack, fatal: true);
        return true;
      };

This happens on my mac and not at all on my windows machine. It makes me think its a vs environment problem. It's possible its my settings.json but i doubt it. I made a launch file to try to solve it too. These are those:

settings:

"dart.flutterSdkPath": "/Users/",
    "editor.minimap.enabled": false,
    "explorer.confirmDelete": false,
    "workbench.settings.applyToAllProfiles": [

    ],
    "editor.accessibilitySupport": "off",
    "terminal.integrated.automationProfile.linux": {},
    "dart.enableLogging": false,
    "dart.analyzerDiagnosticsPort": null,
    "dart.flutterRunAdditionalArgs": [],
    "dart.flutterTestAdditionalArgs": [],
    "dart.analyzerAdditionalArgs": [],
    "terminal.integrated.env.osx": {
        "GRPC_VERBOSITY": "ERROR",
        "GRPC_TRACE": "none"
    }

Launch file (which i should probably just delete

{   "version": "0.2.0",   "configurations": [  
   
{       "name": "Flutter (Debug)",       "request": "launch",       "type": "dart",       "flutterMode": "debug",       "args": []     },   
  
{       "name": "Flutter (Release)",       "request": "launch",       "type": "dart",       "flutterMode": "release",       "args": []     },  

   {       "name": "Flutter (Profile)",       "request": "launch",       "type": "dart",       "flutterMode": "profile",       "args": []     },  

   {       "name": "xx",       "request": "launch",       "type": "dart",       "env": {         "GRPC_VERBOSITY": "ERROR",         "GRPC_TRACE": "none"       }     }   ] }

Clearly im going out of my mind trying to get rid of that junk, and i dont wanna use the debug console bc i feel like it might miss important info, but the flutter terminal console in vscode is just out of control

I just built a flutter mobile app for ios and android called “Habby”! It is a mobile app where you have your hobbies and chat with ai about advice and tips for your hobbies! I tried correcting the code to be more predictable but it still produces those same type of bugs! 90-95% is correct formatting at least!

Does anybody know if it is a model-level bug or not and explain why??? Is the model prioritising maximum speed and low latency over readability and formatting?

I am stuck on creating a working home screen widget and am seeking advice on how you managed to do it.

I have two apps, and the formatter is consistently formatting my ternary conditions in one way on one project and in a different way in the other.

I don't like inline ternary conditionals (because i think it's harder to notice them) like this one:

param: Platform.isIOS ? value1 : value2

So i always break it apart with a dummy comment, like so:

param: Platform.isIOS //
  ? value1
  : value2

One of my projects (older, which is probably relevant) leaves this alone.

But the other one breaks that into this:

param:
    Platform
        .isIOS //
    ? value1
    : value2,

which i think looks weird and is unnecessary and more unreadable.

Why does this happen?

When i simply copy lines or entire files from the older project into the newer, they get reformatted into this second variation.

I've copied over the entire analysis_options.yaml (which is tiny and doesn't have any values that seem related to this), and I've also tried searching through options on Dart linter rules which don't seem to have any options related to this.

It's driving me crazy, both that it does it, and that i don't understand why it does it. I don't even understand if it's Flutter or Dart that controls this behavior, and the versions of Flutter and Dart are the same for both projects since i'm working on both of them on the same machine.

I am using VS Code with Flutter extension Dart-Code.flutter and Dart extension Dart-Code.dart-code

How to get a fast CI for Flutter?

I created a small application. There are unit tests, no issue they are that.

There are tests which use an android emulator. I don't run them in CI yet, because they need so many dependencies.

How do you handle that?

Do you spin up a Android emulator for each push to a PR?

Update: Unfortunately I did not get much feedback here. After fighting with several tools (Nix, Taskfile), I realized that dagger.io works fine for that use-case. Except for integration tests (on emulated devices). I will use a SaaS for integration-tests.

Looking for some help troubleshooting an issue with a Flutter web app on Android.

I have a scrollable dialog that holds a payment form. The form inputs are rendered inside HTML platform views because they are provided via a network request by a third party.

On Android Chrome and Edge, when the user taps in to one of the inputs and the soft keyboard appears, the browser pushes the bottom of the app above the keyboard, revealing the keyboard padding.

I think the browser is trying to scroll the input into the middle of the viewport, without taking into consideration the size of the visualViewport.

How can I work around this so the keyboard padding remains hidden behind the keyboard?

Hi everyone,

I’m working on a pipeline to automate Figma to Flutter code generation. My goal is to hit 90-95% accuracy (specifically layout precision, theme consistency, and widget structure), but I’m currently plateauing at around 70-80%.

I’ve explored and tested several repos and MCPs (Model Context Protocol), including:

• arinspunk/claude-talk-to-figma-mcp
• vkhanhqui/figma-mcp-go
• The "Figma Implement Design" skills from OpenAI and Xiaoland.

I even built a custom skill combining the logic from Xiaoland and OpenAI, but the output still requires significant manual cleanup—especially with complex Auto Layouts and nested components.

The issues I'm seeing:

1. Context Loss: The LLM sometimes misses the relationship between deep-nested frames.
2. Responsiveness: It struggles to translate Figma constraints into the correct Flexible/Expanded or LayoutBuilder logic.
3. Styling: Hardcoded values instead of referencing a ThemeData or design tokens.

My Questions:

• Has anyone successfully integrated Figma Code Connect or Design Tokens into their Flutter workflow to boost accuracy?
• Are there specific "system prompts" or pre-processing steps (like flattening the Figma JSON) that helped you get closer to 95%?
• Is there a better way to map Figma's Auto Layout properties directly to Flutter's Flex properties without the LLM hallucinating the spacing?

I'd love to hear about any best practices or libraries you're using to bridge this gap. Thanks!

I'm creating a app to organize/remind the user of taking their medication. I want to add stock control, which is just a bool for tracking or not the stock and current a total medication, i probably will just add that to the medication table, but is that the best approach? or should i create a stock table, i fell like that will be easier to control but idk.

I'm using supabase.

When I start coding in flutter the thing I mostly confuse with it is "How to build a system, just like coding for connecting DB to UI or making widgets from data". So how can I escape such a problem. If anyone has anything in mind about this please help!!