一个 Flutter 包，用于一些 Material Design 应用的介绍页面

IntroViews-Flutter

IntroViews 灵感来自于 Paper Onboarding，并从头开始用心开发。我决定重写几乎所有功能，使其可供 Flutter 开发者使用，并尽可能具有可扩展性。

一个 Flutter 包，用于一些带有酷炫动画的 Material Design 应用介绍屏幕。

功能

• 轻松添加页面。

• 圆形页面揭示。

• 酷炫动画。

• 动画控制，当用户在中途停止滑动时。

• 跳过按钮，用于跳过应用介绍。

• 自定义字体选择。

• Material Design。

入门

您应该确保将 intro_views_flutter 添加为 Flutter 项目的依赖项。

dependencies:
  intro_views_flutter: '^2.4.0'

如果您愿意，也可以直接引用 git 存储库

dependencies:
  intro_views_flutter:
    git: git://github.com/aagarwal1012/IntroViews-Flutter

然后，您应该在终端中运行 flutter packages get 以获取该包。

用法

• IntroViewsFlutter 小部件需要一个 PageViewModel 的 列表，以及其他一些参数。请参考下面的代码创建 PageViewModel 页面。

  Final page = new PageViewModel(
      pageColor: const Color(0xFF607D8B),
        iconImageAssetPath: 'assets/taxi-driver.png',
        iconColor: null,
        bubbleBackgroundColor: null,
        body: Text(
          'Easy  cab  booking  at  your  doorstep  with  cashless  payment  system',
        ),
        title: Text('Cabs'),
        mainImage: Image.asset(
          'assets/taxi.png',
          height: 285.0,
          width: 285.0,
          alignment: Alignment.center,
        ),
        textStyle: TextStyle(fontFamily: 'MyFont', color: Colors.white),
      );
  

• 现在请参考以下代码获取 IntroViewsFlutter 小部件。

  final Widget introViews = new IntroViewsFlutter(
        [page],
        onTapDoneButton: (){
          //Void Callback
        },
        showSkipButton: true,
        pageButtonTextStyles: new TextStyle(
            color: Colors.white,
            fontSize: 18.0,
            fontFamily: "Regular",
          ),
      );
  

  有关更多用法，请参阅提供的 示例。

  有关 横向 预览，请点击 链接。

  注意： 如果您在列表中添加了四个以上的页面，则 页面图标 和 跳过按钮 之间可能会发生重叠，因此我的建议是仅将 showSkipButton: false。

文档

PageViewModel 类

IntroViewFlutter 类

GitHub

https://github.com/aagarwal1012/IntroViews-Flutter