Want suggestion to create UI in flutter using dart - flutter

Hi everyone I am new to the flutter framework. I am trying to implement UI as given in the image below. As of now consider this is a static UI component. Want to build this using a flutter widget only.
I wanted to know is there any way I can create this type of UI in a flutter. As I am new in flutter how long it will take to learn flutter so that I will be able to create this kind of UI.
I tried creating the same UI in a flutter as I am an angular developer so I thought if I can do it quickly. But I am not able to do it.
My main concern is
1)Is this feasible and if yes
2)How much time will require for new flutter developer
Your suggestion highly appreciated.
Thanks,

Related

Can I build a route recording app with flutter?

I’m hoping to build a map recording app. All I want to know is can I do this with flutter?
Just a typical hiking app that will record my journey and then allow me to keep a record of the trip. With a screenshot.
Would need to record key milestones along the way. I live in the U.K. and I will need the app for both iOS and android. I’m keen to do this in flutter if it’s possible.
Any advice would be appreciated.
Cheers
Yes, it can be done using the Flutter framework and currently available plugins.

Flutter drag and drop inside UI in desktop application

Talking about a desktop application now, not mobile or web.
Is it any widget in Flutter that will allow, for example, drag a folder, drop it in the application UI, and the app will read for example the path to that file or folder?
I have been reading about Draggable and DragTarget in Flutter, but i do think they are used for that purpose.
NOTE: it might not exist a widget for that purpose, so a strategy on how to do that in Flutter will also be appreciated.
Assuming you're talking about dragging from outside the application, it's not currently supported; Flutter #30719 would be the issue to watch/upvote.
Depending on the specific platform you might be able to implement it with a plugin in the short term (if you are familiar with native development on that platform), but that would likely be more work than contributing an implementation to Flutter itself.
Flutter has a dependency to support such behavior now. Check this link
https://pub.dev/packages/desktop_drop

How to make Modularization in Flutter to separate each application feature

On Android native to separate each application feature, structured the project, implementing architecture component and to make it easier to work in a team you can use modularization, so each person can focus on their respective work by focusing only on the module. If I want to make a flutter application with examples of 3 application features (login, register, profile) and want to implement modularization for each feature to make it easier to work as a team. How do you implement the modular? Are there references to its best practices for modularizing Flutter? Because if on Android Native there are already many related articles while I check for Flutter it hasn't found it yet.
Create each feature as a package(library) and add it whenever you want to the main app. For example in my app I use main.dart as a navigator manager and each screen is in different packages.
And this is an example of implementing it: https://github.com/rrifafauzikomara/flutter_modularization

Is it possible to display native component in Flutter?

If I want to show a native component such as Google Map, WebView, etc. in my Flutter app, Is it possible?
If not, May It have in future?
You have to create custom plugins for native. read the detail here.

Is it possible merge android code in flutter?

I want to make a Spin_Wheel game in flutter but some functions are not available
in the flutter, so can I use android for UI in the flutter.
Thank in Advance
Consider it a no.
While it is possible to communicate using platform_channels the texturized UI, to than display it in flutter ; this is too complicated.
Depending on your "functions", it is far better to recode them in dart. And you get IOS portability.