A Real-Time Visualization Tool of Hardware Resources for Flutter Applications

Mobile development is a constantly evolving field. Several options are available for developing cross-platform applications, such as Flutter, React Native, Ionic, and Xamarin. These options have the potential to achieve excellent performance compared to native applications, and they can also facilitate the development process by reducing the need for separate projects for each platform. One of the main challenges in developing mobile applications is finding potential changes that could affect the application’s performance. To address this topic, we develop a Flutter plugin. It helps identify performance issues for developers in their applications while developing and testing them. The plugin increases the speed of detecting bugs and keeps the application running smoothly. We develop the performance tool in Dart. It features three main aspects to be visualized by the developer: frames rendered per second, number of bytes sent and received through the network, and RAM’s information of total available, occupied, and free memory. We validated the tool on three Dart applications running on a physical smartphone, displaying the performance results in real time. The results show variations in FPS, RAM, and network collected values during the execution of the applications.