On-Board Me

一个 Flutter 包，可通过传递少量参数，在几分钟内帮助您为项目创建入门屏幕。

为什么我们构建？

您能否在几分钟内为您的应用程序构建一个入职屏幕？这就是我们为您提供帮助的地方。

用法

导入此类

import 'package:onboardme/src/on_boarding_me.dart';

添加入职屏幕

OnboardingMe(
      /// Number of Pages for the screens
      numOfPage: 5,

      /// No of colors you want for your screen
      noOfBackgroundColor: 4,

      /// List of background colors => In descending order
      bgColor: [
        Color(0xFF3594DD),
        Color(0xFF4563DB),
        Color(0xFF5036D5),
        Color(0xFF5B16D0),
      ],

      /// List of  Call-to-action action
      ctaText: [
        'Skip',
        'Get Started'
      ],

      /// List that maps your screen content
      screenContent: [
        {
          "Scr 1 Heading" : "Screen 1 Heading Goes Here",
          "Scr 1 Sub Heading" : "Screen 1 Sub Heading Goes Here",
          "Scr 1 Image Path" : "assets/images/onboarding0.png",
        },
        {
          "Scr 2 Heading" : "Screen 2 Heading Goes Here",
          "Scr 2 Sub Heading" : "Screen 2 Sub Heading Goes Here",
          "Scr 2 Image Path" : "assets/images/onboarding1.png",
        },
        {
          "Scr 3 Heading" : "Screen 3 Heading Goes Here",
          "Scr 3 Sub Heading" : "Screen 3 Sub Heading Goes Here",
          "Scr 3 Image Path" : "assets/images/onboarding2.png",
        },
      ],

      /// Bool for Circle Page Indicator
      isPageIndicatorCircle: true,

      /// Home Screen Route that lands after on-boarding
      homeRoute: '/Home/',
    );

特点

  • 您可以自定义入职屏幕的内容和样式。

待办事项

    • [ ] 添加新的入职屏幕
    • [ ] 在屏幕上添加动画

贡献

该项目对贡献开放。欢迎任何愿意编写新的入职屏幕、为用户定制内容的人。

  1. Fork 此项目
  2. 创建你的特性分支 (git checkout -b my-new-feature)
  3. 提交您的更改 (git commit -m '添加一些功能')
  4. 推送到分支 (git push origin my-new-feature)
  5. 创建新的 Pull Request

GitHub

https://github.com/imsks/On-Board-Me