Flutter-based Neobank App
Launched by Google in 2018, Flutter has outstripped competitors and grown into one of the most modern cross-platform frameworks.
Meanwhile, Google continues to actively develop Flutter, and has recently released the third version. It has made a real revolution in frontend development at the required stability level. This means, it is possible now to develop an application on a single code base and adapt it for different digital platforms: mobile, web, and desktop.
As a result, Flutter provides for high development speed and considerable cost saving. Where a business owner would need three development teams: for Android, iOS and web version, a Flutter team can do twice as fast.
In case with a Flutter mobile app, the business can save 40% if compared to native app development. With a new multiplatform approach, the project budget can be reduced by up to 60% due to building applications for mobile, web and desktop versions with a single code base.
How does it work? You can reuse 80-95% of the code base for different platforms. Then, you have some platform-specific features and UX solutions that will have to be finalized. As a result, your overall costs will be less than for separate native projects for each platform.
We have tried out Flutter web in practice and created an online banking conceptual prototype and are ready to share the result.
Working well on all platforms and adaptive to any device
Flutter allows creating a universal product for your bank or fintech company covering three distribution channels in one go: mobile, web, and desktop applications.
Director
How it works in mobile and desktop versions: Flutter has implemented its own layout framework, which is rendered in the hardware of the device with a special rendering engine.
How it works in the web version: the rendering engine is downloaded, which weighs 2.8MB, and the rendering runs similar to the process in mobile. The engine is started via WASM. Figma functions in a similar way, for example. This process removes issues with HTML, CSS, browser and OS incompatibilities.
dart2js is used for the web app compilation. It is actually in charge of translation of a Dart-written program into a program in a JavaScript language. You can read more here.
As a result, we get a web application with the same graphics engine under the hood as used in the Flutter app for Android and iOS. Since the rendering methods themselves are identical, there will be no difference. At the same time, the user on their side will see no changes.
Another strong point of the Flutter app is adaptability. It adapts to any user environment and works on any operating system and in any browser. This option is due to a number of different compilers implemented for the framework that allow building a Flutter app to be started on different platforms. The web application, when compiled, will have 100% the expected behavior (and will be identical to Android/iOS).
The app UI adapts to different devices: for example, when exiting the full-screen version of the browser, a tab bar appears at the bottom of the screen, as in the usual mobile interfaces. At the same time, the web version is really fast.
A new Flutter version can become a real lifesaver where the application shall be identical for all platforms: iOS, Android, web, Windows, macOS — and does not need any SEO promotion. These can be services with the functionality of task managers, calendars, Notion analogues for creating notes and text documents, streaming, complex professional applications, such as music editors, and more.
