Flutter渐变

精选的绝佳 Dart 渐变合集。目前仅包含线性渐变。

安装

添加包

dependencies:
  flutter_gradients: ^0.0.1

用法

导入包

import 'package:flutter_gradients/flutter_gradients.dart';

使用方法

Exemple 
    Container(
        width: 150,
        height: 150,
        decoration: BoxDecoration(
            shape: BoxShape.circle,
            [gradient: FlutterGradient.warmFlame()],
        ),
    );

目录

1 2 3
Image 01 Image 02 Image 03
Image 04 Image 05 Image 06
Image 07 Image 08 Image 09
Image 10 Image 11 Image 12
Image 13 Image 14

示例

Web 和命令行示例可在 example 文件夹中找到。

Web示例

要运行Web示例，请按照以下步骤操作

  1. 克隆此仓库并进入目录
  2. 运行 pub get
  3. 运行 pub run build_runner serve example
  4. 在浏览器中导航至 https://:8080/web/

命令行示例

要运行命令行示例，请按照以下步骤操作

  1. 克隆此仓库并进入目录
  2. 运行 pub get
  3. 运行 dart example/lib/main.dart

Flutter 示例

安装 Flutter

要运行Flutter示例，您必须安装Flutter。有关安装说明，请查看在线文档。
文档.

运行应用

  1. 打开Android模拟器、iOS模拟器或连接适当的移动设备进行调试。
  2. 打开一个终端
  3. cd 进入 example/lib/ 目录
  4. 运行 flutter doctor 以确保所有Flutter依赖项正常工作。
  5. 运行 flutter packages get
  6. 运行 flutter run

GitHub

https://github.com/JonathanMonga/flutter_gradients