轻松入门？

version tyypgzl - easy_onboard pub isues forks - easy_onboard stars - easy_onboard

入门

这是一个易于使用的 Flutter 项目包。

  • 您需要做一个快速项目，并且注重设计。将该包包含在您的项目中并快速使用它。
  • 您只需要编写文本和图像小部件。
  • 编写您的主色并为您的项目上色。

安装

1. 依赖它

将此添加到您的包的 pubspec.yaml 文件中

dependencies:
  easy_onboard: ^1.0.2

2. 安装它

您可以从命令行安装包

使用 pub

$ pub get

使用 Flutter

$ flutter pub get

3. 导入它

现在，在您的 Dart 代码中，您可以使用

import 'package:easy_onboard/easy_onboard.dart';

用法

首先，将包包含到您的项目中。然后将下面的代码添加到 widget 树中。

不要遗漏任何参数。

Onboard(
          primaryColor: const Color(0xff6C63FF),
          onboardPages: [
            OnboardModel(imagePath: 'imagePath', title: 'title', subTitle: 'subTitle'),
            OnboardModel(imagePath: 'imagePath', title: 'title', subTitle: 'subTitle'),
            OnboardModel(imagePath: 'imagePath', title: 'title', subTitle: 'subTitle'),
          ],
          lastText: 'Start',
          nextText: 'Next',
          skipText: 'Skip',
          skipButtonPressed: () {},
        ),

  • primaryColor 变量是包的颜色主题。

  • 它接受 onboardPages 列表中的 OnboardModel，并且模型数量必须大于 2。

  • OnboarModel 包含 imagePath、title、subtitle，这些字段不能为空。

Don't forget to define the images in pubspec.yaml.


  assets:
    - assets/images/

  • lastText、nextText、skipText 是字符串定义，会显示在屏幕上。

  • 在 skipButtonPressed 函数中写入跳过 Onboard 屏幕后要执行的操作。

例如

  skipButtonPressed: () {
		 Navigator.push(
            context,
            MaterialPageRoute(builder: (context) => const SecondRoute()),
              );
		  },

截图

GitHub

查看 Github