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

Flutter开发进阶之使用工具效率开发

Flutter开发进阶之使用工具效率开发

软件开发团队使用Flutter开发的原因通常是因为Flutter开发性能高、效率高、兼容性好、可拓展性高,作为软件PM来说主要考虑的是范围管理、进度管理、成本管理、资源管理、质量管理、风险管理和沟通管理等,可以看到Flutter开发与项目管理完美契合。
在Flutter开发的不断发展中有一条主线就是更完善、更简单,这也是为什么现在状态管理库Getx异军突起的原因,在开发中使用工具去提升开发效率是很重要的,有些人认为使用更简单的工具去提升开发效率会影响自身技术的提升,作为项目管理来说肯定不是这样的,技术的提升是主动性的,而不是被动的去理解。
Flutter开发进阶
接下来介绍几种Flutter开发中常用的工具。

一、JsonToDart

JsonToDart请添加图片描述
请添加图片描述

二、intl请添加图片描述

dependencies:
flutter:
sdk: flutter
intl: ^0.18.1
flutter_localizations:
sdk: flutter

请添加图片描述
此时lib中会生成对应文件请添加图片描述
还可以添加指定语言请添加图片描述
添加对应语言请添加图片描述
请添加图片描述
导入头文件

import 'package:sky_flutter_lib/generated/l10n.dart';
import 'package:flutter_localizations/flutter_localizations.dart';

配置代理并使用


  Widget build(BuildContext context) {
    S.load(const Locale("en", "en_US"));
    return MaterialApp(
      localizationsDelegates: const [
        S.delegate,
        GlobalMaterialLocalizations.delegate,
        GlobalWidgetsLocalizations.delegate,
        GlobalCupertinoLocalizations.delegate,
      ],
      supportedLocales: S.delegate.supportedLocales,
      home: Scaffold(
        appBar: AppBar(
          title: Text(S.current.ok),
        ),
        body: Center(
          child: Text('Running on: $_platformVersion\n'),
        ),
      ),
    );
  }

三、flutter_gen

配置环境

brew install FlutterGen/tap/fluttergen
dart pub global activate flutter_gen

pubspec.yaml中导入对应库

dependencies:
  flutter:
    sdk: flutter
  flutter_gen: ^5.4.0
dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_lints: ^2.0.0
  build_runner: ^2.4.8
  flutter_gen_runner: ^5.4.0

启动runner

dart run build_runner build

配置文件路径
请添加图片描述

<?xml version="1.0" encoding="utf-8" ?>
<resources>
    <color name="color_primary">#20212A</color>
</resources>
dev_dependencies:
  integration_test:
    sdk: flutter
  flutter_test:
    sdk: flutter

flutter_gen:
  colors:
    inputs:
      - assets/color/colors.xml
  output: lib/gen/
  line_length: 80

  integrations:
    flutter_svg: true
    flare_flutter: true
    rive: true
    lottie: true

flutter:
  uses-material-design: true
  assets:
    - assets/images/
  fonts:
    - family: xxxx
      fonts:
        - asset: assets/fonts/xxxx-Bold.otf
          weight: 700
        - asset: assets/fonts/xxxx-BoldItalic.otf
          style: italic
          weight: 700
        - asset: assets/fonts/xxxx-Light.otf
          weight: 300
        - asset: assets/fonts/xxxx-LightItalic.otf
          style: italic
          weight: 300
        - asset: assets/fonts/xxxx-Regular.otf
          weight: 400
        - asset: assets/fonts/xxxx-RegularItalic.otf
          style: italic
          weight: 400

执行命令生成资源文件

fluttergen -h

fluttergen -c {project name}/pubspec.yaml

请添加图片描述

Assets.images.appIcon.image();
FontFamily.sKSans;
ColorName.colorPrimary;

http://www.kler.cn/a/272047.html

相关文章:

  • Android BitmapShader简洁实现马赛克,Kotlin(一)
  • 音频入门(二):音频数据增强
  • 重学SpringBoot3-WebClient配置与使用详解
  • 代码随想录day1
  • Element使用表单重置如果不使用prop,重置无法生效
  • 计算机网络 (52)秘钥分配
  • 京东云主机+京美建站SaaS版
  • Python程序设计基础——代码习题
  • Python常见报错疑难杂症的解决思路解决方案
  • 【学习张天禹老师的vue课程发现的一个问题-vue销毁时候到底会不会解绑原生的dom事件?】
  • Halcon OCR文字识别
  • 【方法封装】时间格式化输出,获取请求设备和IP
  • 代码随想录算法训练营day24 | 回溯算法理论基础、77.组合
  • IIS上部署.netcore WebApi项目及swagger
  • Mysql 索引、锁与MVCC等相关知识点
  • webpack5零基础入门-10babel的使用
  • 第三篇 - 概述- IAB受众和技术标准 - IAB视频广告标准《数字视频和有线电视广告格式指南》
  • 【AI】机器学习是什么?
  • 【Fitten Code】“吊打“Github Copilot的国内免费代码辅助插件
  • 在idea中配置tomcat服务器,然后部署一个项日
  • Redis的安全配置有哪些建议?如何防止未授权访问?Redis的监控与告警策略是怎样的?如何及时发现并解决潜在问题?
  • 修复 error Delete `␍` prettier/prettier 错误
  • excel封装和ddt D17
  • 使用VLC实现自动播放视频
  • 对象的组合复用学习笔记
  • electron 学习