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;

相关推荐

最近更新

  1. TCP协议是安全的吗?

    2024-03-18 08:48:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-18 08:48:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-18 08:48:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-18 08:48:03       20 阅读

热门阅读

  1. 【数据库】MySQL数据库基础

    2024-03-18 08:48:03       18 阅读
  2. 如何在MATLAB中进行循环和条件语句?

    2024-03-18 08:48:03       21 阅读
  3. Vue-- 实现简单版 vue-router

    2024-03-18 08:48:03       18 阅读
  4. C语言中大小写字母是如何转化的?

    2024-03-18 08:48:03       23 阅读
  5. Euler angles and Quaterean

    2024-03-18 08:48:03       21 阅读
  6. Leetcode 第388场周赛 问题和解法

    2024-03-18 08:48:03       22 阅读
  7. Redis 的数据类型及使用场景

    2024-03-18 08:48:03       21 阅读
  8. PyTorch学习笔记之激活函数篇(六)

    2024-03-18 08:48:03       17 阅读
  9. redis常见面试题

    2024-03-18 08:48:03       19 阅读
  10. Bean的实例化方式

    2024-03-18 08:48:03       17 阅读
  11. 在类Unix平台实现TCP客户端

    2024-03-18 08:48:03       18 阅读
  12. mysql提权总结(自学)

    2024-03-18 08:48:03       18 阅读