Preface
Hello everyone, I am Evan Lin from the LINE Taiwan DevRel team. I am very happy to share with you the third developer meetup of this year, where Evan Fang from the LINE Client Team will share "LINE Shopping App with Flutter".
KKTIX event webpage: Event URL
Full text of the event URL: TBD
Slides
Lecture Video
What is the "LINE Shopping App"?
(LINE Shopping App feature introduction)
The speaker will share how to develop the number one downloaded "LINE Shopping App" through Flutter. First, it is mainly mentioned that the LINE Taiwan Client App team is mainly responsible for the following products:
- LINE TODAY App (available in Indonesia)
- LINE SDK, which is the open-source package that everyone can see:
- Of course, it also assists in the development of some features of the LINE App.
- The latest is the "LINE Shopping App" that will be introduced today.
About "LINE Shopping"
LINE Shopping partners with many well-known shopping websites, gathering over 20 million products. Just enter the product you want to find in the search bar, and you can view the product information and prices from various shopping websites on one webpage, so you don't have to compare everywhere!
Through LINE Shopping, you can not only find the products you need in one place, but also get more rewards.
Flutter Creates the Exclusive LINE Shopping APP
In order to enhance a better user experience and create a more refined service interface, LINE Shopping also decided to launch its own APP this year. But they hope to quickly get feedback from users and improve the user experience in real-time. The development team chose to use Flutter as the development program structure, and through Flutter, they can develop Android and iOS applications at once. The reasons for choosing Flutter are as follows:
Performance Considerations:
As an integrated design framework, through Widget Rendering, Flutter can operate directly on Canvas, which has performance similar to Native App.
Rapid Development:
A single code base to develop Apps for two platforms. In the development of UI components, it is very suitable to use Flutter. It can ensure the consistency of UI design, allowing users to have the same user experience.
Flutter supports Hot reload, which allows you to see the results of changes in real-time on the IDE without compiling.
Rich Development Resources:
Rich official guide tutorials, as well as Dart Devtool and pub.dev development resources for reference.
Final Results
The final results are also very impressive. Using Flutter, a consistent user design experience can be completed on iOS and Android platforms within three months. And it won the recognition of being the number one download for the month.
Sharing of Problems Encountered
Of course, some problems will also be encountered when using the Flutter open-source package, but the LINE development team has also reported and communicated related issues with the Flutter team. The purpose is to make the package more complete and also to make the product more in line with user expectations. The following are some problems in a list:
-
Problem: Flutter cannot change the keyboard language on Android
- Solution:
- Use Hybrid composition and update Flutter to version 1.20.0 or later.
-
Problem: Hybrid composition will crash the app in some situations
- Solution:
- LINE provides related solutions, and the package team also understands and uses another solution to solve it.
-
Problem: Pages that read a large amount of data often run out of memory.
- Solution:
- Modify the reading method, only display the part that the user sees in the Viewport. Other parts of the resources do not pre-read and release after use, making the resources more effectively utilized.
Conclusion
The speaker also shared that Flutter is currently very suitable for developing pages that are not complex. It has higher performance, rapid iteration, and development tools, and it is also quite easy to learn. However, if you need to develop more complex pages, you need to have the ability to track the source code of the underlying package, and you can solve the problem when it occurs.
Finally, I hope everyone will download the LINE Shopping App and experience the performance developed by Flutter!
Top comments (0)