/r/FlutterDev

Photograph via //r/FlutterDev

A community for the publishing of news and discussion about Flutter.

/r/FlutterDev

128,840 Subscribers

3

I am switching from on site to Remote/ full time Freelance career

I want to switch from on site to remote and freelance career due to my breathing probles and allergic. But so far i have not got any projects in freelnace. Can anyone guide me on where i can find client except upwork and freelancer because they require the credits or premius account otherwise all biddign credits just goes to 0. I want to get the clients or the remote jobs providing companies but so far no success.

0 Comments
2024/04/28
05:03 UTC

0

DeepL post request

Hey, did anyone successfully use https://developers.deepl.com/docs/getting-started/your-first-api-request for tranlation use cases? I relatively new to dart but suprisingly I could not find any resources other than the deepl_dart package built on top of it, which is good. I am trying to understand it from the github repo but yea, would appreciate any help!

2 Comments
2024/04/27
21:38 UTC

1

Seeking Advice on Using Design Inspirations for App Portfolio without Copyright Issues

I want to create an app for the Play Store, App Store, and web as part of my portfolio where I showcase many designs of different apps, to demonstrate what I am capable of.

The apps will not have ads or purchases; they are solely to demonstrate that I can replicate any type of UI.

The idea is to copy designs from somewhere, but I want to know where I can copy them from without facing copyright or similar issues later on.

I was thinking of using Dribbble or Behance, but I don't think it's legal to replicate them in Flutter and include them in my portfolio.

I also considered replicating interfaces of famous apps like Netflix, Amazon, Facebook, TikTok, etc., but I'm unsure if I could encounter problems by doing so. If you know whether this is allowed, please let me know.

Creating the designs from scratch myself is not an option, but I want to know where I can find designs to replicate without copyright issues or others.

Of course, I will always credit the original design source, but that doesn't help if I can't actually do it legally.

By the way, I'm aware that there are several apps doing the same, but just because they do it doesn't mean it's right, so I want to gather information before doing it.

Thank you.

0 Comments
2024/04/27
20:42 UTC

63

Instant previews of Flutter Widgets within IntelliJ

10 Comments
2024/04/27
18:20 UTC

12

[Flutter web] Upvote the wasm-gc issue on Bugzilla

Flutter wasm is extremely important for the performance of the Flutter web. So if you care about Flutter web, add yourself to the CC list of this issue so that the WebKit team knows it's urgent. They are close to implementing it in the nightly build
https://bugs.webkit.org/show\_bug.cgi?id=272004
https://bugs.webkit.org/show\_bug.cgi?id=247394

1 Comment
2024/04/27
14:46 UTC

6

Are there any well known open-source projects to learn from?

Same to title

2 Comments
2024/04/27
13:47 UTC

5

Personal brand

Do you work on your personal brand in order to get better job opportunities? Does it really help?

I guess if someone is known as a YouTuber or article writer, constantly performs on conferences and meetups, then they receive a lot of sweet offers from good companies?

I'm thinking that I should start to write series of some educational articles, but don't know how to start. Have 4 years of experience in flutter and know some topics quite deep, but have no idea what types of articles or videos are needed in the community.

2 Comments
2024/04/27
12:17 UTC

5

How much would you charge for such a Flutter app?

I was recently approached by someone to create an app that does the following:

  • Authentication
  • Manage Employees (CRUD probably)
  • Manage Clients (CRUD probably)
  • Manage Tasks (CRUD and assignments)
  • Should have geolocation tracking
  • Should integrate with a 3rd party invoices software

I would say this needs multiple apps, not just one. For each stakeholder. I'll likely be the sole developer on this.

This is all the information I could gather as of now. They want a ballpark estimate of the costs.

How much should I charge? I understand this information is not enough for a good guess but I'm open to hearing any opinions.

18 Comments
2024/04/27
11:26 UTC

0

NodeJS & Flutter Deep Dive: Build Your Own QR Codes!

0 Comments
2024/04/27
10:07 UTC

0

What exactly is expression UI framework?

So I recetly came across the github repo of expression ui.

What I understood is that this is another no-code framework to develop mobile UIs. But I still want to know more about it.

Expression UI repo: https://github.com/FilledStacks/expression-ui

4 Comments
2024/04/27
07:17 UTC

0

Looking for a Unique and Lengthy Flutter Project on YouTube!

Hey fellow Flutter enthusiasts!

I'm on the hunt for a fresh Flutter project video on YouTube, but I'm tired of the typical ecommerce and food app tutorials. I'm seeking something different, something unique.

Ideally, I'm looking for a project that spans over 9 to 10 hours of content. Whether it's a complex app or a comprehensive tutorial series, I'm open to any suggestions that challenge my Flutter skills and expand my knowledge.

So, if you've come across any recent Flutter project videos fitting this description, please drop them below! Your recommendations would be greatly appreciated. Let's keep pushing the boundaries of Flutter development together! 🚀

2 Comments
2024/04/27
05:12 UTC

0

Any resources to know more about flutter or dart tips and techniques?

Recently flutter team has posted technique of the week. It was really cool.Can someone share resources or tips not many people might know but useful to get to know😁.

2 Comments
2024/04/27
04:13 UTC

0

Should I just completely switch to flutter

I've been learning native android development for about 10 months now and I really like it, I started applying for jobs 2 months ago and couldn't even have one interview. In fact I'm getting more jobs in flutter without even applying for a flutter positions, at the end i got an internships as a flutter developer in a small startup and starting to think should i just put all of my effort from now on flutter because I'm still learning android after work and I don't know if i just should accept how it goes and stick to flutter to get better at it.

9 Comments
2024/04/27
00:31 UTC

37

My experience launching an app in 7 months with no prior Flutter experience

Hi all! My name is Rahil and I am a college student living in the US. For a school project, (kinda a competition), I decided to build an app, since I couldn't really find any nice looking, high quality, easy to use workout apps on the play store/app store.

After choosing a niche, I was given a recommendation to use Flutter, which I had never programmed in at the time. I opted for not doing a crash course or watching any long app creation videos other than the flutter intro video on the website and some flutter basics I read online.

Link to my app so you can look at the charts in the stats page (details in post later):

My Biggest Mistake

One of the biggest mistakes I think I made when I first started developing was using the stack widget and the positioned widget to position elements for the sign up screens. I got the layout pretty much perfect, and would not realize until much later that those positioned widgets are not friendly to different sized devices. I had to redo the entire sign up screen, and quite a bit of code throughout the app (2k+ lines of code), to use column, row, and container widgets instead. For example, before, when I wanted to get something to the right of the screen, I was doing positioned(right: 0, child: ...), but after, I was doing row(children: [xyz, spacer(), zyc, sizedBox(width: 10)]) which ended up being a LOT more effective.

My Favorite Packages

I would say my favorite packages I used for my workout app would probably be:

  • Syncfusion charts (license needed, but its free). The entire stats page of my app is made up of this library and their awesome charts! Syncfusion is crazy customizable, and if you are looking to dispaly user statistics, for SURE use them. Link here.
  • Firebase Pagination. Firebase pagination is one of the lesser known packages I think, but if you are integrating firebase with your app its is the easiest way to set it up in my opinion. Instead of doing a futurebuilder and await function, and then making a listview builder and all the extra fluff, you can just enter your query into the firebase pagination package and it will do the await command and loading icon all for you! Highly recommend! NOTE - It takes time to update from the database - I haven't fixed this issue yet and need to see if the package supports faster/live updates. Link here
  • Shared Preferences. If you are a flutter developer, you have for SURE used the shared preferences package before, and this bullet point is just a mention about how useful it is. I for one love shared preferences, since it allows your app to work offline and also stores most data with no restrictions. It is also super easy to use and fetch data, and makes developing super easy. Link here

Conclusion

I would say that flutter is an excellent, easy to use app development language that made it extremely easy to create my first app. I was able to deploy to android and ios within a week of completion, and it made my life super easy in the process. I highly recommend using the language if you are making an app in the future!

11 Comments
2024/04/27
00:19 UTC

0

Is it allowed to have a webserver backed in to the flutter app in the app stores?

Hello everyone,

My application has a web server that runs as soon as the app starts. Using this web server, I serve a mini game created in React and render it with a web view.

This mini game is downloaded from a URL, which means that I need to actually download and update it.

Are any of these steps prohibited in the app stores?

NOTE: My app is not a webview. The mini game part it's a roulette that allows you to earn points.

Thanks

5 Comments
2024/04/26
19:11 UTC

5

I made a mobile app with Flutter to help you learn Dart & Flutter! 🙌

I wanted a way to learn Dart and Flutter concepts in small chunks during commutes and breaks. Existing resources weren't optimized for that, so I built a mobile app with Flutter designed for quick, interactive Dart and Flutter lessons.

I'd love your feedback! It's free to try out. Here are App Store and Google Play link. Let me know what you think!"

On Google Play: Flutters: Learn to Code
On App Store: DartCode: Learn to Code

8 Comments
2024/04/26
14:41 UTC

1

Any autocapture analytics platforms that work with flutter?

Several analystics platforms offer autocapture where all vents are automatically captured do you don't need to manually track each one. But I've looked into Heap, Posthog, Pendo, Hotjar and and Aptabase but none of them do autocapture for flutter. Is it just not possible in flutter?

3 Comments
2024/04/26
14:30 UTC

46

My f**k ups while building a SaaS with Flutter

Original

Hi r/FlutterDev , I wanted to share my mistakes to show you that building a SaaS can be messy, especially when you're still learning. These were short-term errors, but I quickly learned from each experience and became a better developer because of it. I hope this inspires you guys to go out there and build something!

Right now, the app brings in roughly $800 per month, with most of that money coming in as profit. I'm putting it on maintenance mode for now while I focus on my next venture: helping developers become founders.

1. Didn't Start with Flutter

My first "f**k up" is that I didn't start with Flutter. Coming from React, I thought React Native would be the perfect solution. I dove straight in and spent a month discovering that web integration was not ideal, performance was painful to deal with, and everything was hard to set up. Switching to Flutter was a breath of fresh air, and I realized I should have done it from the start, considering my needs (web, desktop, mobile app).

2. No State Management

I'm ashamed to admit that I started building the app without any state management in place. Instead, I chose to pass variables through multiple layers of the widget tree. This approach taught me the importance of state management firsthand. Eventually, I migrated to Riverpod and learned why it's essential for any Flutter project. Looking back at my early code, I cringe at the mistakes I made – a valuable lesson in the power of state management!

3. Multiple DB migrations

I started with MongoDB (Realm) for its offline support capabilities. However, I soon needed web support, which wasn't ideal. So, I switched to Firebase, which worked well until I encountered issues with limited native Dart support, slow build times, workarounds that left me uneasy, and no desktop support.

Finally, I settled on Supabase, which met all my needs except for the lack of offline support. To address this gap, I opted to build a custom offline sync solution. While Fleeting Notes is still powered by Supabase to this day, the migration process was undoubtedly painful.

4. Built Too Much, Too Soon

Initially, this app was meant to be a simple capture platform for Obsidian users. However, I got carried away and built too many features that didn't align with my core purpose. Features like full offline support, end-to-end encryption, and an entire mobile app were not necessary for the first version of the product. What mattered most was a quick capture interface and seamless Obsidian sync.

If I had to do it again, I'd likely focus on email or text as the primary means of capture. This would mean concentrating solely on the backend and Obsidian sync components. Then, based on customer feedback, I could potentially develop an app if needed.

What I'm Up to Now?

I created this post with the hopes of inviting you to join my Discord community. This space is designed to help developers like yourselves become founders. Within our community, you'll find valuable resources and opportunities, including:

  • Weekly office hours for personalized guidance
  • Exclusive hackathons to foster innovation
  • Startup and tech support to overcome common challenges
  • Co-founder matching opportunities to connect with like-minded individuals

Join here: https://discord.gg/8c23C33c47 👈

20 Comments
2024/04/26
14:00 UTC

13

👋 Hey Flutter Fam! Looking for Some Testing Heroes! 🦸‍♂️🦸‍♀️

Hey there awesome Flutter community!I've been cooking up something special a new package called Particular.

I could really use your help to make it shine! ✨and I really need some brave souls to take it for a spin, kick the tires, and let me know what you think.

Please test it out in your projects, play around with it, and share your thoughts, ideas, and any bugs you encounter.Thanks a million for your support! 🚀

7 Comments
2024/04/26
13:25 UTC

0

AdMob mediation partners for flutter App

Hello, everyone,

I am starting to consider incorporating AdMob mediation into my flutter app.

I already use Admob as my only advertising source, so for convenience I am considering using Admob also for mediation.

Looking at the documentation for flutter: https://developers.google.com/admob/flutter/mediation/applovin

I see that only a few partners have a guide for integration in flutter and they are as follows:

AdFalcon

AppLovin

Flurry

Leadbolt

LG U+AD

Meta Audience

MobFox

Tencent

Vpon

Zucks.

My app is fairly distributed in country tier 1 and 2.

I have a couple of questions:

How many partners should I integrate to have a good mediation?

Which of these partners are good?

Are there better partners than these (e.g. Unity, Pangle) that can they be integrated into flutter without any problems?

Thank you.

2 Comments
2024/04/26
12:46 UTC

0

How would you create a generic form factory?

Background: I'm somewhere intermediate. I've had some really great breakthroughs but I'm struggling to understand how you'd create a generic form factory.

I've created a number of forms with a combination of Riverpod, and Flutter_Form_Builder. While I've created a great form that works very concisely, I've essentially copied the same form for each different type of form that is very similar.

The Problem: What I've got is a number of forms for an internal employee app. Forms come in various types such as ordering. Fairly simple - it's a growable list from searching in a dropdown. Now imagine that 98% of the code is shared with another form for an employee production recording form, or marking goods out for delivery.

They all use these types of objects, like the same page format as below (this is for marking goods out):

class GoodsOutForm extends ConsumerWidget {
  const GoodsOutForm({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final formKey = ref.watch(formKeyProvider);

    return Scaffold(
      appBar: AppBar(
        leading: IconButton(
          icon: const Icon(Icons.close),
          onPressed: () => context.go('/inventoryDashboard/4'),
        ),
        title: const Text('Mark Goods Out Form'),
        actions: [
          IconButton(
            icon: const Icon(Icons.info_outline),
            onPressed: () => showModalBottomSheet(
              context: context,
              builder: (context) => const Padding(
                padding: EdgeInsets.all(8.0),
                child: Column(
                  mainAxisSize: MainAxisSize.min,
                  children: [
                    GoodsOutFormTitle(),
                    GoodsOutHelperText(),
                  ],
                ),
              ),
            ),
          ),
        ],
      ),
      body: SingleChildScrollView(
        padding: const EdgeInsets.all(6),
        child: Card(
          elevation: 4.0,
          child: Padding(
            padding: const EdgeInsets.all(8.0),
            child: FormBuilder(
              key: formKey,
              child: Column(
                mainAxisSize: MainAxisSize.min,
                children: [
                  GoodsOutItemSelector(
                    formKey: formKey,
                  ),
                ],
              ),
            ),
          ),
        ),
      ),
      bottomNavigationBar: GoodsOutBottomAppBar(
        formKey: formKey,
      ),
    );
  }
}

Where you see things like GoodsOut replace with Ordering, or Production. You get the idea.

What I'm really struggling with is creating a generic version of each of the components -- even the UI I'm struggling with because I'm not really wanting to mess around with a million switch case statements everytime that I want to add, remove or change a form for example.

So what I was doing initially was creating a Config that could create the type of content that need to be created for each type of form. I was thinking of something below:

enum FormType { stocktake, ordering, deliveries, production, waste, goodsOut }

class FormConfigManager {
  static FormBottomBarConfig getConfig(FormType formType, BuildContext context,
      WidgetRef ref, GlobalKey<FormBuilderState> formKey) {
    // Build a list of buttons based on the form type
    List<FormBottomBarButton> buttons = buttonConfigs.entries
        .map((entry) {
          if (entry.value.containsKey(formType)) {
            return FormBottomBarButton(
              formKey: formKey,
              formType: formType,
              buttonType: entry.key,
            );
          }
          return null;
        })
        .where((element) => element != null)
        .cast<FormBottomBarButton>()
        .toList();

    if (buttons.isEmpty) {
      throw Exception('Unsupported form type: $formType');
    }

    return FormBottomBarConfig(buttons: buttons);
  }
}

But I realised that that's going to require a lot of really granular details. Just for a bottom bar I'd have to then configure a Bottom Bar configuration, and a Bottom Bar Button configuration. Not to mention I'd have to create the widgets themselves to be flexible.

I haven't even scratched the surface of what I'm going to do with creating generic Notifiers or NotifierProviders.

Either my head is spinning at understanding the scale of work involved ... or am I just doing something terribly inefficiently? I haven't found anything really that specific on StackOverflow, Google, Github, etc.

I hope that I'm explaining what I'm trying to accomplish. Ideally I'd love to eventually just be able to declare when I want to display a form and it's set-up with it's own state management, and UI. Of course the goal is that everything is correctly adapted to that form. I'd ideally want to just be like (say within a PageView):

PageView(
    controller: _pageController,
    onPageChanged: _onPageChanged,
    physics: const NeverScrollableScrollPhysics(),
    children: [
            const Form(formType: FormType.ordering),
            const Form(formType: FormType.stocktake),
            const Form(formType: FormType.production),
        ],
  ),

Any ideas? Surely this is something that has been dealt with beforehand. I can't be the first person to consider a generic form factory, or is it just a huge amount of work to do right?

10 Comments
2024/04/26
10:33 UTC

0

Flutter | GoRouter | Complete Guide - Part 3

0 Comments
2024/04/26
10:02 UTC

5

New to riverpod

Hi I currently learning to use Riverpod package for DI but quite confused with some pattern.

First of all I kinda have god class controller and would like to break it out. i been following MVC pattern.

Which approach is a good idea to do in Riverpod?

  1. Nested state notifier where I break some of the function and call inside. (Some variable need to be listen)
  2. In the screen have multiple stateNotifier where it might break the rules of MVC.

Thanks in advance for any advice.

5 Comments
2024/04/26
09:25 UTC

0

Job and Flutter

How many of you have got Jobs as a flutter developer and Where?

I am just starting to learn flutter

6 Comments
2024/04/26
07:06 UTC

0

Confused To take decision

Hi Reddiotrs.!! I want to do remote work on marketplace, Which technology should I learn react native or flutter? Which one have more opportunity in marketplace like upwork fiverr etc?

0 Comments
2024/04/26
07:05 UTC

0

Building photo app in flutter, Is it a good choice than react-native?😀

Photo editing app

8 Comments
2024/04/26
06:26 UTC

3

User Login and Signup for App with Multiple, but Separate, Roles

I'm building an app that will have two different types of users, let's say "Shoppers" and "Agents" for example.

How do I structure the database in Cloud Firestore. Do I use like a user collection with roles or different collections for Shoppers and Agents

I am trying to determine whether I should split the login / signup to different areas entirely, or have 1 login for bother user types. I will be doing Facebook and Google logins, so I am thinking that I need to somehow prompt the user which type they are before they do any other action (e.g. click the log in or sign up with facebook button).

What I am ultimately trying to do is keep the process simple and easy, without the user signing up as the wrong type from the beginning.

11 Comments
2024/04/26
05:45 UTC

4

Using Firebase for my backend

How should I structure my firebase firestore db for an app like TaskRabbit, the app is a direct clone of taskrabbit. And remember that taskrabbit has the TaskRabbit app for client and the Tasker app for the people doing the task how do I structure the db to fit both because I'm building one app that will use authorisation to let you use like the TaskRabbit side of the app and Tasker side of the app in the same app. Should I use one user collection to define the roles of the clients and taskers or should I have a seperate collections for clients and taskers

4 Comments
2024/04/26
05:32 UTC

Back To Top