Flutter Packge - 组件应用

风·之痕2025-08-10 12:24

一、组件创建

在工程根目录创建 packages 目录。

bash 复制代码

mkdir packages #创建文件夹
cd packages

创建纯 Dart Package（适合工具类/UI组件）。

bash 复制代码

flutter create --template=package common_network

二、组件配置

在 common_network 的 pubspec.yaml 中添加 packge 依赖。

ruby 复制代码

dependencies:
  flutter:
    sdk: flutter

  http: ^1.4.0

在 common_network 的 lib 中添加 main.dart 作为 Configuration 运行的入口。

编写完组件代码后，在 common_network.dart 中添加 export 声明

Dart 复制代码

export 'src/CommonNetwork.dart';

Run - Edit Configurations - Add New Configuration - Flutter，新建 common_network 的 Configuration，点击 Run 编译 packge。

三、组件引用

在工程的 pubspec.yaml 中添加 common_network 依赖。

ruby 复制代码

dependencies:
  flutter:
    sdk: flutter
    
  cupertino_icons: ^1.0.8
  common_network:
    path: ./packges/common_network

在工程中引用 common_network，实现 API 的调用。

Dart 复制代码

import 'dart:convert';
import 'package:common_network/common_network.dart';

void main() {
  final url = Uri.parse('https://domain/path/getConfig.json');

  CommonNetwork.getInstance().post(url, {'key': 'value'}, (String? body, Object? error) {
    if (body != null) {
      print('body: ${jsonDecode(body)}');
    } else {
      print('error: $error');
    }
  });
}