当前位置: 首页 > wzjs >正文

在网上做国际快递淘宝网站seo是什么岗位简称

在网上做国际快递淘宝网站,seo是什么岗位简称,wordpress获取上传路径,网站建设素材网😏★,:.☆( ̄▽ ̄)/$:.★ 😏 这篇文章主要介绍创建BMI计算器应用并添加依赖和打包。 学其所用,用其所学。——梁启超 欢迎来到我的博客,一起学习,共同进步。 喜欢的朋友可以关注一下,下…

😏★,°:.☆( ̄▽ ̄)/$:.°★ 😏
这篇文章主要介绍创建BMI计算器应用并添加依赖和打包。
学其所用,用其所学。——梁启超
欢迎来到我的博客,一起学习,共同进步。
喜欢的朋友可以关注一下,下次更新不迷路🥞

文章目录

    • :smirk:1. BMI计算器示例
    • :blush:2. 添加依赖
    • :satisfied:3. 应用打包

😏1. BMI计算器示例

继续前面第一篇的,在显示时间的基础上增加BMI计算器,为了方便,各个功能分成单独dart文件实现,共3个文件。

main.dart

import 'package:flutter/material.dart';
import 'time_display.dart';
import 'bmi_calculator.dart';void main() {runApp(const MyApp());
}class MyApp extends StatelessWidget {const MyApp({super.key});Widget build(BuildContext context) {return MaterialApp(title: 'frank_test',theme: ThemeData(primarySwatch: Colors.blue,),home: const HomeScreen(),);}
}class HomeScreen extends StatelessWidget {const HomeScreen({super.key});Widget build(BuildContext context) {return Scaffold(appBar: AppBar(title: const Text('frank_test'),),body: SingleChildScrollView(child: Column(children: const [TimeDisplayScreen(),BMICalculator(),],),),);}
}

time_display.dart

import 'package:flutter/material.dart';
import 'package:intl/intl.dart';
import 'dart:async';class TimeDisplayScreen extends StatefulWidget {const TimeDisplayScreen({super.key});State<TimeDisplayScreen> createState() => _TimeDisplayScreenState();
}class _TimeDisplayScreenState extends State<TimeDisplayScreen> {String _currentTime = '';late Timer _timer;void initState() {super.initState();_updateTime();_timer = Timer.periodic(const Duration(seconds: 1), (timer) {_updateTime();});}void dispose() {_timer.cancel();super.dispose();}void _updateTime() {setState(() {_currentTime = DateFormat('yyyy-MM-dd HH:mm:ss').format(DateTime.now());});}Widget build(BuildContext context) {return Card(elevation: 4,margin: const EdgeInsets.all(16),child: Padding(padding: const EdgeInsets.all(16),child: Column(children: [const Text('当前时间',style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),),const SizedBox(height: 16),Text(_currentTime,style: const TextStyle(fontSize: 24),),],),),);}
}

bmi_caculator.dart

import 'package:flutter/material.dart';class BMICalculator extends StatefulWidget {const BMICalculator({super.key});State<BMICalculator> createState() => _BMICalculatorState();
}class _BMICalculatorState extends State<BMICalculator> {final TextEditingController _heightController = TextEditingController();final TextEditingController _weightController = TextEditingController();double _bmiResult = 0;String _bmiCategory = '';void _calculateBMI() {final double height = double.tryParse(_heightController.text) ?? 0;final double weight = double.tryParse(_weightController.text) ?? 0;if (height > 0 && weight > 0) {setState(() {_bmiResult = weight / ((height / 100) * (height / 100));_updateBMICategory();});}}void _updateBMICategory() {if (_bmiResult < 18.5) {_bmiCategory = '偏瘦';} else if (_bmiResult < 24) {_bmiCategory = '正常';} else if (_bmiResult < 28) {_bmiCategory = '过重';} else {_bmiCategory = '肥胖';}}void dispose() {_heightController.dispose();_weightController.dispose();super.dispose();}Widget build(BuildContext context) {return Card(elevation: 4,margin: const EdgeInsets.all(16),child: Padding(padding: const EdgeInsets.all(16),child: Column(children: [const Text('BMI 计算器',style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold),),const SizedBox(height: 16),TextField(controller: _heightController,keyboardType: TextInputType.number,decoration: const InputDecoration(labelText: '身高 (cm)',border: OutlineInputBorder(),),),const SizedBox(height: 16),TextField(controller: _weightController,keyboardType: TextInputType.number,decoration: const InputDecoration(labelText: '体重 (kg)',border: OutlineInputBorder(),),),const SizedBox(height: 16),ElevatedButton(onPressed: _calculateBMI,child: const Text('计算 BMI'),),const SizedBox(height: 16),if (_bmiResult > 0)Column(children: [Text('BMI: ${_bmiResult.toStringAsFixed(1)}',style: const TextStyle(fontSize: 18),),Text('状态: $_bmiCategory',style: TextStyle(fontSize: 18,color: _getCategoryColor(),),),],),],),),);}Color _getCategoryColor() {switch (_bmiCategory) {case '偏瘦':return Colors.blue;case '正常':return Colors.green;case '过重':return Colors.orange;case '肥胖':return Colors.red;default:return Colors.black;}}
}

😊2. 添加依赖

如果程序依赖一些库,比如这里依赖intl,需要在pubspec.yaml文件中添加:

dependencies:flutter:sdk: flutterintl: ^0.18.1

😆3. 应用打包

打包web:

flutter build web --release
# 运行
cd build/web
python3 -m http.server 8000

打包linux:

flutter build linux --release
./build/linux/x64/release/bundle/frank_test

请添加图片描述

以上。

http://www.dtcms.com/wzjs/36081.html

相关文章:

  • 公司网站手机端和电脑端1元购买域名
  • 网站数据库如何做seo关键词排名查询
  • 平台网站建设需要什么技术网站seo优化检测
  • 有个域名怎样做网站网站seo优化推广
  • 网站的导航栏设计文本网上怎么推销自己的产品
  • 心理学网站可以在线做量表微信做单30元一单
  • 自己创建平台型网站seo技术团队
  • 庆阳网站设计定制网站建设企业建站
  • 广东建工集团北京百度seo公司
  • 网站建设验收期seo网站推广排名
  • 做商城网站需要什么资质青岛seo软件
  • 上海企业服务云app湖南seo推广服务
  • 无锡微网站企业管理培训课程网课
  • 外贸网站建设方案百度查重入口
  • 做响应式网站有什么插件交换友情链接的途径有哪些
  • 静安西安网站建设seo点击工具帮你火21星热情
  • 做cpa项目用什么网站营销型网站建设要点
  • 苏州新区网站制作建设推seo外包收费
  • 凡科网站制作教程百度竞价推广计划
  • 用word怎么做网站网络seo关键词优化技巧
  • 焦作网站开发公司关键词权重如何打造
  • 网站html地图怎么做的考研培训机构排名
  • wordpress 防sql注入上海高端seo公司
  • 长沙网站建设专家网络技术培训
  • 手机网站开发成本最新国际要闻
  • vue.js做静态网站陕西网站seo
  • 能用的手机网站微信广告平台推广
  • 做网站靠谱的公司网络营销的认知
  • 建站公司会有多大的坑百度指数是免费的吗
  • win8.1 做网站服务器如何结合搜索检索与seo推广