搜索插件、代码仓与 APP 分类

插件详情v0.0.4

on_boarding_ui

一个用于引导页面的 Flutter 包。

近 30 天下载
21
喜欢数
35
Pub 分数
5

安装插件

flutter pub add on_boarding_ui

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个用于简化创建引导页的Flutter包,提供简洁且可自定义的轮播界面。它提供了预构建的组件,实现引导页之间的平滑过渡,支持文本、图像和交互元素。适用于需要吸引用户首次体验的应用程序,可减少样板代码并提升开发速度。该包轻量且易于集成,适合初学者和经验丰富的开发者。

适合场景

  • 移动应用的入门屏幕
  • 用户教程流程
  • 应用介绍序列
  • 首次用户体验
  • 产品功能亮点

主要特点

  • 预构建的入门轮播
  • 可自定义页面内容
  • 平滑的滑动过渡
  • 轻量且简单的集成
  • 支持图片和文本
  • 轻松的主题自定义

适合对象

  • 初学者Flutter开发者
  • 需要引导的应用程序
  • 初创公司构建MVP
  • 教育或生产力应用
  • 时间紧迫的项目

使用建议

  • 仅限入职相关使用场景
  • 无内置分析跟踪
  • 需要手动处理导航逻辑
  • 未针对复杂动画进行优化
  • 无内置暗色模式支持

原始 README

以下为关联源码仓库的 README 原文快照,最新内容请访问源码仓库。

flutter_onboarding_ui

A conceptual design for on boarding screens for mobile apps. This app provides you with all the information you need to explore how to work with mobile on boarding in mobile apps.

preview (1)

Usage Sample


import 'package:on_boarding_ui/model/slider.dart' as SliderModel;

class OnBoarding extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: OnBoardingUi(slides:[
        SliderModel.Slider(
          sliderHeading: "Slide 1",
          sliderSubHeading: "Slide Sub Heading 1",
          sliderImageUrl: CImages.slider1,
        ),
        SliderModel.Slider(
          sliderHeading: "Slide 1",
          sliderSubHeading: "Slide Sub Heading 1",
          sliderImageUrl: CImages.slider2,
        ),
        SliderModel.Slider(
          sliderHeading: "Slide 1",
          sliderSubHeading: "Slide Sub Heading 1",
          sliderImageUrl: CImages.slider3,
        )
      ],onFinish: (){
         // Your OnFinish code here
      }),
    );
  }
}

Inspired By : https://github.com/CodeHomie/Flutter-Onboarding-UI-Concept

所属分类

源码仓库

使用此插件的项目

暂无相关数据。