当前位置：首页 > news >正文

【flutter for open harmony】第三方库Flutter 鸿蒙版贷款计算器实战指南（适配 1.0.0）✨

news 2026/4/29 1:42:29

Flutter实战：开源鸿蒙贷款计算器组件

Flutter 三方库 cached_network_image 的鸿蒙化适配与实战指南
欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.csdn.net

本文详细介绍如何在Flutter鸿蒙应用中实现一个贷款计算器，支持等额本息和等额本金两种还款方式。

一、前言

贷款计算器是购房、购车等场景中常用的工具。本文将介绍如何在Flutter鸿蒙应用中实现一个贷款计算器组件。

二、效果展示

2.1 功能特性

功能	描述
贷款金额	输入贷款总额
年利率	输入贷款利率
贷款年限	输入还款年限
还款方式	等额本息/等额本金
月供计算	计算每月还款额
利息计算	计算总利息

三、详细实现

import'package:flutter/material.dart';classLoanCalculatorPageextendsStatefulWidget{constLoanCalculatorPage({super.key});@overrideState<LoanCalculatorPage>createState()=>_LoanCalculatorPageState();}class_LoanCalculatorPageStateextendsState<LoanCalculatorPage>{final_principalController=TextEditingController(text:'100000');final_rateController=TextEditingController(text:'4.9');final_yearsController=TextEditingController(text:'30');double _monthlyPayment=0;double _totalPayment=0;double _totalInterest=0;String_method='等额本息';void_calculate(){finalprincipal=double.tryParse(_principalController.text)??0;finalannualRate=(double.tryParse(_rateController.text)??0)/100;finalyears=int.tryParse(_yearsController.text)??0;finalmonthlyRate=annualRate/12;finalmonths=years*12;if(_method=='等额本息'){finaltemp=pow(1+monthlyRate,months);_monthlyPayment=principal*monthlyRate*temp/(temp-1);_totalPayment=_monthlyPayment*months;_totalInterest=_totalPayment-principal;}else{_totalInterest=principal*monthlyRate*(months+1)/2;_totalPayment=principal+_totalInterest;_monthlyPayment=_totalPayment/months;}setState((){});}@overrideWidgetbuild(BuildContextcontext){returnScaffold(appBar:AppBar(title:constText('贷款计算器'),centerTitle:true,backgroundColor:Colors.blue,foregroundColor:Colors.white,),body:Padding(padding:constEdgeInsets.all(16),child:Column(children:[TextField(controller:_principalController,decoration:constInputDecoration(labelText:'贷款金额'),keyboardType:TextInputType.number,onChanged:(_)=>_calculate(),),TextField(controller:_rateController,decoration:constInputDecoration(labelText:'年利率(%)'),keyboardType:TextInputType.number,onChanged:(_)=>_calculate(),),TextField(controller:_yearsController,decoration:constInputDecoration(labelText:'贷款年限'),keyboardType:TextInputType.number,onChanged:(_)=>_calculate(),),SegmentedButton<String>(segments:const[ButtonSegment(value:'等额本息',label:Text('等额本息')),ButtonSegment(value:'等额本金',label:Text('等额本金')),],selected:{_method},onSelectionChanged:(selection){setState((){_method=selection.first;_calculate();});},),Text('月供: ¥${_monthlyPayment.toStringAsFixed(2)}'),Text('还款总额: ¥${_totalPayment.toStringAsFixed(2)}'),Text('利息总额: ¥${_totalInterest.toStringAsFixed(2)}'),],),),);}}doublepow(double base,int exponent){double result=1;for(int i=0;i<exponent;i++){result*=base;}returnresult;}