搜尋套件、儲存庫與 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

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。