Share 10 commercial apps developed on the framework of flutter

Over the past two years, we have spent a lot of time on developing 10 commercial apps on the framework of flutter. This article will share their achievements. < / P > < p > in July 2018, we developed the first commercial app on fluent using leancode. When we first got to know about flutter, although it had a promising future, due to the failure of investing in xamarin not long ago, we took a wait-and-see attitude towards it. < / P > < p > in fact, we are happy to add some high-tech to the project, so we hope that flutter can prove that it can bring real value to customers. This is an agricultural project involving herd management, and the application of flutter in this industry is very typical. The tool is widely used by breeders to calculate barn demand. From the perspective of user experience, our team agrees with this view. < / P > < p > in two days, they fully demonstrated the proof of concept scheme and demonstrated how to easily create animation carousels, bringing smooth and excellent user experience. Finally, it evolved into the original scale animation shown below: < / P > < p > at first, we didn’t plan to use 100% of the flutter, and we were also running the RN native project. This pessimism is because we didn’t have the official support of the flutter team when we first wrote the Google Maps code. In the end, it took us less than 500 hours to develop and deliver a simple app with less than 40 Views on it. < / P > < p > after delivering the first app and getting five-star evaluation from customers, we began to promote flutter more actively in early 2019. Since May 2019, flutter has become the best choice for us to deal with mobile technology. At the same time, we have stopped app development based on other frameworks. < / P > < p > so far, we have delivered more than 10 mobile products on flutter, and provided dozens of minimum feasible products or proof of concept and app of reactjs. We can compare the results of the two. < / P > < p > when creating applications on the same scope using the same precise position indicator on the back end, it saves 33% and 31% time compared with xamarin and reactjs, respectively. < / P > < p > think about these numbers carefully, which answers how to build mobile app more quickly and cost effectively. In times of economic downturn, it is particularly important to deliver new digital products on time within budget. This also means that with the same budget, flutter users can deliver 50% more work. < / P > < p > assuming that you are a product manager, prioritizing issues for the R & D team, using fluent can reduce budget barriers by at least 50%! < / P > < p > the above figure compares the time spent between the project version rewritten by flutter and the original version based on xamarin and reactjs on the web, which will greatly improve the team’s creativity and ensure the quality of the work delivered. < / P > < p > 90% of the code does not need to be repeatedly written on these two local platforms. Compared with the development of local app, this saves 90% of the time. At the same time, because the team goal is consistent, it does not need to be divided into two local streams, which greatly stimulates creativity. In addition to sharing business logic and user experience, a large number of off the shelf libraries can be used, which brings additional benefits. < / P > < p > first of all, they can provide common logic for many kinds of things used in app, thus speeding up the development process. < / P > < p > secondly, it is easier to integrate some common services. Therefore, only when writing custom code for a specific platform, we need to write code on IOS side and Android side respectively. Even so, however, it is quite easy to establish a bridge between the data analysis tape and the native code, as explained below. < / P > < p > more importantly, if the quality factor is taken into account, it can reduce the long-term maintenance cost of app, and can save more costs. This prompted us to study all the projects built on xamarin, react native and flutter to find the rules. We found that when dealing with errors, flutter projects typically take 8 – 10% of the time compared to react native in the range of 7 – 14% and xamarin of 11 – 23%. < / P > < p > when developing a project on fluent, the cooperation between UX / UI designers and developers often sparks. They don’t have to wait for the localization process to be boring, and they can give full play to their creativity. The react native team should have done the same, but the opposite is true. < / P > < p > in-depth study shows that flutter can make interface designers feel heartfelt joy, which will only reduce the development speed and cause additional burden. They are also more willing to cooperate. According to the observation, pair programming sessions begin when designers and developers work hand in hand to conduct field experiments. < / P > < p > after several interactions, thanks to the robust theme driven, the team proposed a strong adaptive design language for app, which not only looks good in figma or adobe XD, but also brings the best user experience, coherence and proper design sequence. This interesting coherence is reflected throughout the life cycle of the project. < / P > < p > in the past, when UX / UI designers evaluated a product at a demo, they usually made suggestions at the end of a project, changed their mind or simplified operations after experiencing it. The unique feature of flutter is that the designer finished the work earlier than the design modification of app and retired quietly at the end of the project. This also means that more time can be saved in the subsequent sprint refinement, and this continuous cooperation will be reflected in the stable agile development of the new version. < / P > < p > fluent is not only easy to implement some static views, but also provides new possibilities for animation. This brings the user experience and the cooperation of developers to a higher level, and achieves unprecedented excellent conversion effects. Previously, this only happened in large budget projects. Thanks to flutter, these effects are now available to all developers. < / P > < p > this is because flutter is presented on a bare machine and controls the drawing directly on the canvas, thus creating perfect images with pixels on all platforms, unlike other cross platform frameworks that require additional conditional formats. However, rendering in react native is based on the default view that can change the appearance of new controls. It generates a bad code, which is platform dependent and contradicts the method that shared code should not be included in its deployment platform. < / P > < p > progressive web app proves that it’s extremely easy to add shortcuts to your mobile phone and save your website as an app. For PWA, this brand-new business choice, flutter is really worth considering. Here, we do not consider the user experience, only refer to the burden of downloading app. < / P > < p > we have to admit that 11mb is already a very low requirement for local app experience, smooth vision and touch, quick response and all other typical local app services. This means that users can download the app very smoothly and start using its plug-ins and integrations, and because they can perform similar tasks with smaller code, it also means that app performance is improved. < / P > < p > compared with other cross platform frameworks, this performance improvement directly translates into a millisecond fast experience in cold load app, animation, CPU and memory usage. < / P > < p > the advantage of flutter is that mobile teams are more eager to write kotlin / swift packages in native code, because unlike xamarin, which generates the final code in a separate black box, they can completely control the local implementation. Because they are completely transparent, they also have a stronger connection to native code and are more user-friendly to developers who migrate locally. With this approach, it is also relatively easy to implement specific functions such as local payment providers or composite ecological repositories. < / P > < p > more importantly, even advanced functions that require biometric algorithms for facial or fingerprint recognition can run smoothly on the flutter, as evidenced by the bank app developed by ing for business during the flutter Warsaw rally led by Jakub Bili ń ski. < / P > < p > when building proof of concept for risk maximization hypothesis testing, the benefits of integrating native code are obvious. This means that we can build as small an app as possible to solve the most critical business or technical issues before the customer decides to sign the contract for the entire project, which is important to avoid overestimating the flutter. < / P > < p > these new developments are usually scheduled in two days to find out what can be achieved in such a short period of time. Up to now, we have carried out a variety of POC detection techniques, including image enhancement. < / P > < p > initially, due to the lack of professional experience, there were very few fluent developers. Unlike xamarin developers with a C language background, all of the candidates for flutter are mobile developers who have been transferred from local Android based platforms. < / P > < p > with the popularity of flutter and the active organization of regular gatherings and webinars in the community, the number of available candidates in the talent pool is growing exponentially. Nowadays, more and more professionals are willing to change their stance on local app development for many years and look for jobs related to the flutter project. Thanks to the well-documented flutter code and other community driver libraries available, it’s easy to make such a shift, and companies that previously had independent mobile teams are adapting their teams around it. < / P > < p > we have organized a flutter training camp in leancode. We will hold a three-day training program by the lakeside, so that the trainees can gain practical experience. We will select the best candidates for the two-month intensive learning program, and complete some non-commercial projects while learning flutter. After nine weeks of training, developers have been able to work side by side with colleagues who have already started programming with flutter. Such a short learning cycle is enough to prove that, from the perspective of enterprise owners, switching from local app to fluent is not a revolution, but an evolution. In this evolution, the role of internal teams is crucial. < / P > < p > the right choice of the technology stack will have a profound impact on your business and personal career, after all, few choices are so simple. Flutter is irresistible and can not be ignored. It is developing continuously and expanding to conservative industries such as banking and insurance with high quality standards. < / P > < p > regardless of your industry, the era of early users is over, and we will soon see more and more mature players enter the flutter ecosystem. Video Number assistant internal test online! Four functions let you send 1g video on the computer