How flexible is the Flutter SDK for dealing with complex designs?

G

geektimer2018-08-14 11:21:32

Mobile development

geektimer, 2018-08-14 11:21:32

Hello! Relatively recently, I managed to get acquainted with the development of applications for mobile devices (small projects, and just personal interest). Since I am a web developer myself, there were no particular problems, since I used Cordova and NativeScript. With Cordova, everything is clear - there is a webview and the same html / css / js. In principle, C NativeScript is not much more complicated, since it supports basic css properties and even flexbox.
I must say right away that there is no time and no special desire to study Objective-C and Java for native development (it is also not necessary to mention performance).

But I was also very interested in the rather new Flutter from Google with their features, for example `hot reloading`. Only I had a question, how well are the tools / properties for adaptive layout implemented in Flutter (taking into account tablets)? With Cordova and NativeScript, everything is simple if you use some kind of css framework or even just get by with one flexbox.

In the Flutter docs, there is a mention of flex css when centering a component in the section for web developers . But it only talks about centering. Did I understand correctly that other properties like flex in css are not supported in Flutter (for example, direction, grow, shrink, wrap, etc.)? If so, then why did they compare the docks with flex?
I also found an articleabout adaptation for tablets, i.e., apparently, one cannot do without crutches ...

And in conclusion, I will give an example, for example, if you suddenly need to make an application according to some complex psd design / template and effects. How justified is Flutter in this case in terms of layout without crutches?

Reply

Answer the question

In order to leave comments, you need to log in

7 answer(s)

A

Andrew Lewman, 2019-03-13
@ImLoaD

I can't fully answer your question, as I've recently got acquainted with the project myself. But I highly recommend it if you haven't seen this channel yet: https://www.youtube.com/channel/UCtWyVkPpb8An90SND...
In it, a guy takes a design from Dribble and creates it with Flutter in an hour and a half to two hours

G

Gasgolder, 2019-09-22
@Gasgolder

Very flexible! A huge number of widgets.

K

KnightForce, 2018-10-03
@KnightForce

If you know how the platforms work, then any layout will not be difficult.
Flutter has all sorts of containers and all kinds of ready-made elements. Or you can write your own.
Dart language. And the closest reference for me is JS and Kotlin, with the latter being bigger.
It's more like native development than the Web.

A

Andrew Nodermann, 2020-03-09
@Lucian

There are examples here https://flutter.dev/showcase

I

IDONTSUDO, 2021-04-29
@IDONTSUDO

Flutter is very flexible and also provides static typing out of the box. Being in the IDE, you can see what parameters the Flex conditional class takes.
Here's a great start for web developers, https://flutter.dev/docs/get-started/flutter-for/w...

R

rafaelSalihov, 2021-09-13
@rafaelSalihov

in native java development, I could do little for 1 year, then I switched to fluttra in 4 months, I can do almost everything I want, everything is very convenient and fast + pub.dev there are a lot of widgets that are easy to customize for yourself from 0 to draw almost nothing necessary.

S

SameReader, 2022-04-02
@SameReader

Flutter has min / max width / height properties.
It is possible to find out the width of the parent (something that is sorely lacking in the web).
There are indeed column and row - vertical and horizontal columns, for which you can set flex-direction and align-items.
In addition, there are many ready-made widgets on pub.dev
Examples:
- https://pub.dev/packages/flutter_staggered_grid_view
- https://pub.dev/packages/flutter_layout_grid