Keff

Posted on Aug 31, 2021

Show me your main.dart - Flutter research

#dart #flutter

Do you work on a Flutter project? If so, please share your main.dart file with me (if you want and can).

I'm researching how people organize their main.dart files for a new post for my series Let's learn Flutter. I might want to include some of the entries in the post (and credit you of course).

So, if you're up to it, please share you main.dart file and a little overview on why you organized it that way.

Top comments (28)

Motabar Javaid • Aug 31 '21 • Edited

Here's mine:

MANUMRIGANK • Sep 1 '21

Which editor is this?
*note newbie here

Motabar Javaid • Sep 2 '21

Hey, Sorry for the late reply. @nombrekeff is right. Its a code beautifier ray.so . But the one Keff mentioned also does the same job :)

MANUMRIGANK • Sep 2 '21 • Edited

Thanks
Can I somehow get this color and/or Background in VS Code?

Motabar Javaid • Sep 2 '21

You'll have to find some theme that implement those colors. Lemme know If you find it ;)

Keff • Sep 2 '21

I think there's a theme called "nord" that is quite similar, you could check it out and see if you like it!

Keff • Sep 1 '21

I think it's not an editor, most likely something like carbon, it converts code into imagesx like the one shown above! A rather neat site

MANUMRIGANK • Sep 1 '21

Oh!
Thanks

Keff • Aug 31 '21 • Edited

I will also add riverpod to my list of reactive options. Never heard of it, looks good!
Do you have experience with it?

Motabar Javaid • Aug 31 '21

Yes, I have been using Riverpod for quite some time now. Riverpod makes my life so much easier. Previously I used Provider for most of my projects but certain limitations made me switch and Riverpod was the No Brainer for me since its very similar to Provider and is superior . I would highly recommend you to give it a try if you're looking for a state management solution.

Keff • Aug 31 '21

Cool I will check it out for sure! I'm sticking with provider for now for most projects and have not found many limitations yet. Can I ask you which were the limitations you encountered? And what were the reasons you chose Riverpod over other solutions, like let's say, redux or mobx?

I'm also doing research on these topics, so it would be really interesting to hear about that too!

Motabar Javaid • Aug 31 '21

The first and far most important thing about Riverpod is that it helps in keeping the business logic and the Widgets separate making the Widget Tree clean and easier to read.
The second thing is that Provider is not compile-time safe.For instance, Provider will only prompt you with an error at runtime If you try to use a Provider that does not even exist.
Another one is the if there are multiple providers of same type within the widget tree, Using Provider, you can only listen to the one which is closer to the Consumer Widget. With Riverpod, you can consume any provider anytime and even anywhere since the Providers are globally defined.

And the list goes on.I hope it helped! If you need more help with it, let me know!

Keff • Aug 31 '21

Makes sense, thanks for the info. I might get in touch once I start researching more about it!

Motabar Javaid • Aug 31 '21

I'm here if you need help. Just let me know

Keff • Aug 31 '21

Thanks for the addition!

I found a really usefull package from this, did not know of the existance of device_preview, really usefull package!

Motabar Javaid • Aug 31 '21

Happy to help! :)

johnny5development • Sep 1 '21 • Edited

Here's mine and I have to admit, i'm excited about Riverpod. In my "InitAppCore"-Widget i'm registering all the Providers I globally need. This is bloating my widgettree. I heavily depend on the concept of ProxyProviders do you know if thats possible with RiverPod?:

import 'package:flutter/material.dart';
import 'package:AppName/src/presentation/widgets/widgets.dart';
import 'main.reflectable.dart';
import 'src/app.dart';

void main() {
  initializeReflectable();
  WidgetsFlutterBinding.ensureInitialized();
  runApp(SystemConfig(child: InitAppCore(child: AppName())));
}

Keff • Sep 1 '21

Thanks for the addition, I have not used proxy providers not riverpod, but I found this issue where they talk about it: github.com/rrousselGit/river_pod/i...

Just as a little tip, you can add codeblocks to highlight your code. Like this:

johnny5development • Sep 1 '21

Hi Keff, thank you for finding this discussion. I think this is holding me back then from using Riverpod then. I use the proxyprovider for providing a callbackfunction from the authenticator to my grpc client, so the grpcclient knows nothing about the authenticator but can always ask for an id token.
I can think of a simple solution for my bloated widgettree, if i build one inherited widget that registers all the objects in a map[class]object and just provides a getter function.

GrpcClient _initGrpcClient(
    BuildContext ctx, Future<String> Function([bool]) idToken) {
  return GrpcClient(
      GrpcSetupParameter(
          remoteHost: SystemConfig.of(ctx).getValue<String>('backendUrl'),
          remotePort: SystemConfig.of(ctx).getValue<int>('backendPort'),
          options: ChannelOptions(
            credentials: ChannelCredentials.secure(),
            idleTimeout: Duration(minutes: 1),
          )),
      interceptorBuilder: () => [
            MyAuthInterceptor.build(metadataProvider: [
              MyAuthorizationMetadataProvider(idToken: idToken),
            ])
          ],
      serviceBuilder: (c, i) => [
            FileTransferService(c, [
              i<MyAuthInterceptor>(),
            ]),
            UserProfileService(c, [
              i<MyAuthInterceptor>(),
            ]),
            SomeServiceClass(c, [
              i<MyAuthInterceptor>(),
            ]),
            SomeServiceClass(c, [i<MyAuthInterceptor>()]),
          ]);
}

Keff • Sep 1 '21

Yeah I don't now much about Riverpod, but maybe @iizmotabar knows as he has been using it.

Aviad • Sep 1 '21 • Edited

Hi, this is mine:

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await GetStorage.init('MainStorage');
  await PushNotificationService.initializeApp();
  initializeDateFormatting().then(
    (_) => runApp(
      MyApp(),
    ),
  );
}

Keff • Aug 31 '21

I'll start, this is one of mine:

import 'package:flutter/material.dart';
import 'package:pegues/api/local/loading.dart';
import 'package:pegues/app.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  Loading.setup();

  runApp(const PeguesApp());
}

Spiderbezno • Sep 1 '21 • Edited

My main.dart
dev-to-uploads.s3.amazonaws.com/up...

GrahamTheDev • Aug 31 '21 • Edited

Comment for the algo -4C

Comment deleted

Keff • Sep 1 '21

Would you mind sharing it? no problem if you dont't, but I'd love to see it. Also, have you always done your main.dart file like that, or have experimented and landed on that specific way?

cahyo wibowo • Aug 31 '21 • Edited

Here's mine:
using catcher plugins

Keff • Aug 31 '21

Thanks for the addition @cahyowhy . I like that you're handling errors, great stuff! did not know about catcher either (I'm discovering a load of cool packages from this post), we use Sentry at our company for this.

View full discussion (28 comments)

DEV Community

Show me your main.dart - Flutter research

Top comments (28)

Read next

How to get free Postgres

Yubikey suddenly stopped working on Ubuntu

7 Software Engineering Disciplines: Which Career Path Should You Choose?

Memoization in JavaScript