The Customization And Realization For Mobile Financial Applications Based On React Native

With the explosion of demand for mobile financial terminals,the contradiction between device hardware compatibility and cross-platform adaptation at the application layer,as well as the contradiction between development efficiency,maintenance cost and terminal operating performance,has become increasingly prominent.After comprehensively comparing various cross-platform development frameworks,this thesis develops a PosM development architecture for mobile finance based on React Native framework.The architecture realizes the compatibility of the underlying hardware modules and the optimization of the terminal operating performance on the basis of satisfying the cross-platform adaptation.After fully understanding the requirements of mobile finance and analyzing the architecture and core principles of React Native,this thesis first customizes the hardware module management to improve the module compatibility and designs a mark-preserving clipping algorithm to compress the module volume.Secondly,in the customization of network transmission,the loading mechanism in React Native is expanded to implement incremental update management for improving transmission efficiency and a priority-based preloading management mechanism is designed to optimize startup performance.Then the memory management class is designed for the frequent calling of the hardware resources of mobile financial terminals,and the dynamic module management and the global instance management is realized to reduce the memory occupation.The above three aspects of the development and customization of React Native are encapsulated into an overall PosM development architecture for access to mobile financial applications.Finally,based on the PosM architecture,this thesis realizes the development of core transaction functions in the context of mobile finance,such as card reading and EMV transaction.Functional tests show that the PosM architecture based on React Native and its financial transaction functions run stably.Each module works normally and achieves the expected functional design targets.Performance tests show that the custom PosM architecture reduces the startup response time by more than 30% and the memory occupation by more than 30% compared to the original React Native framework.It reduces the startup response time by more than 20% and the memory occupation by more than 20% and optimizes the rendering performance compared to the Cordova architecture.Compared with the native Android architecture,the custom PosM architecture reduces the startup response time by more than 5% and the memory occupation by more than 15%,keeps the rendering performance flat,and achieves the expected optimization targets.