14

I'm currently learning Flutter development (as well as Dart). It's my first mobile programming language.

I'm curious - is there a way to split screens into .dart files, or do they all have to be in the same main.dart file?

The app I'm building will have a lot of pages, so I don't want to make one giant main.dart file with 20+ different pages.

Is Flutter the right choice if I'm trying to make a large application like this?

Rohit Ganguly
  • 141
  • 1
  • 1
  • 3
  • Possible duplicate of [How to reference another file in Dart?](https://stackoverflow.com/questions/12951989/how-to-reference-another-file-in-dart) – Günter Zöchbauer Jul 06 '18 at 06:55
  • 1
    I just want to know why you think flutter won't be able to handle your application and why any other platform would because Flutter is built to build cross-platform apps and gives the same performance as the native code and supports 60 fps,hot reload etc, flutter was designed considering that no matter How complex the UI it should be able to build in flutter – Mahesh Jamdade Mar 11 '19 at 12:04

1 Answers1

8

You can split your code in as many files as you want. It's encouraged to have as little code as possible in lib/main.dart and all the other code split into various files. The only limitation is that code in one file (library) can not access private members of other files.

See How to reference another file in Dart? for how to import other Dart files.

Günter Zöchbauer
  • 558,509
  • 191
  • 1,911
  • 1,506
  • 2
    But how to separate 1 screen layout into separate dart file. I have 1 complex screen with 5 tabs. So I want to separate each tab into another dart file. Do these 5 files needs to be a class and has build and also return a scaffold? – stuckedoverflow Dec 14 '18 at 10:39
  • 2
    I don't know details but usually you would make parts of your UI a widget and then move the widgets to different dart files and import them from there to where they are used (added to parents). You can have multiple widgets in one file. You can't split a single class into multiple files. You can also refactor the `build()` into functions and move functions to different files, but that's discouraged. Finer-grained widgets are the better approach for Flutter. https://stackoverflow.com/questions/51689435/what-scenarios-is-it-reasonable-to-use-a-function-to-define-a-widget-composition – Günter Zöchbauer Dec 14 '18 at 10:44
  • 1
    https://stackoverflow.com/questions/53234825/what-is-the-difference-between-functions-and-classes-to-create-widgets/53234826#53234826 – Günter Zöchbauer Dec 14 '18 at 10:44
  • 2
    in fact it works....just like you said just make it as Widget and move it to different dart file. So in this new dart file I use Class not function, it can either be stateless or statefull, and on build(BuildContext context) just return Widget like Container directly... don't use Scaffold anymore. This is why my code didn't work at first time. – stuckedoverflow Dec 15 '18 at 13:43