Flutter Portal 项目教程

Flutter Portal 项目教程

flutter_portalEvolved Overlay/OverlayEntry - declarative not imperative, intuitive-context, and easy-alignment项目地址:https://gitcode.com/gh_mirrors/fl/flutter_portal

1. 项目的目录结构及介绍

Flutter Portal 项目的目录结构如下：

flutter_portal/
├── example/
│   ├── lib/
│   │   ├── main.dart
│   │   └── discovery.dart
│   └── pubspec.yaml
├── lib/
│   ├── src/
│   │   ├── portal.dart
│   │   └── portal_entry.dart
│   └── flutter_portal.dart
├── pubspec.yaml
└── README.md

目录结构介绍

• example/: 包含示例应用的代码。
  • lib/: 示例应用的主要代码文件。
    • main.dart: 示例应用的入口文件。
    • discovery.dart: 示例应用中的一个功能模块。
  • pubspec.yaml: 示例应用的依赖配置文件。
• lib/: Flutter Portal 库的主要代码文件。
  • src/: 库的源代码。
    • portal.dart: 核心功能实现。
    • portal_entry.dart: 入口相关的功能实现。
  • flutter_portal.dart: 库的入口文件。
• pubspec.yaml: 项目的依赖配置文件。
• README.md: 项目的说明文档。

2. 项目的启动文件介绍

example/lib/main.dart

这是示例应用的启动文件，主要负责初始化应用并运行。

import 'package:flutter/material.dart';
import 'package:flutter_portal/flutter_portal.dart';
import 'discovery.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Portal(
      child: MaterialApp(
        title: 'Flutter Portal Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: DiscoveryPage(),
      ),
    );
  }
}

启动文件介绍

• main 函数：应用的入口点，调用 runApp 函数启动应用。
• MyApp 类：应用的根组件，使用 Portal 包裹 MaterialApp，以便使用 Flutter Portal 的功能。

3. 项目的配置文件介绍

pubspec.yaml

这是项目的依赖配置文件，定义了项目所需的依赖和资源。

name: flutter_portal
description: A Flutter package that provides an evolved Overlay/OverlayEntry.
version: 0.0.1
homepage: https://github.com/fzyzcjy/flutter_portal

environment:
  sdk: ">=2.12.0 <3.0.0"

dependencies:
  flutter:
    sdk: flutter
  flutter_portal:
    path: ../

dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_lints: ^1.0.0

flutter:
  uses-material-design: true

配置文件介绍

• name: 项目的名称。
• description: 项目的描述。
• version: 项目的版本号。
• homepage: 项目的主页链接。
• environment: 定义了项目所需的 Dart SDK 版本。
• dependencies: 定义了项目所需的依赖，包括 Flutter SDK 和 Flutter Portal 包。
• dev_dependencies: 定义了开发过程中所需的依赖，如测试和代码检查工具。
• flutter: 定义了 Flutter 相关的配置，如使用 Material Design。

flutter_portalEvolved Overlay/OverlayEntry - declarative not imperative, intuitive-context, and easy-alignment项目地址:https://gitcode.com/gh_mirrors/fl/flutter_portal