Qries

Subscribe Us

Advertisement

Onboard


Code:

import 'package:flutter/material.dart';
import 'package:onboarding/onboarding.dart';


class Onboard2 extends StatelessWidget {
  final onboardingPagesList = [
    PageModel(
      widget: Column(
        children: [
          Image.asset('assets/logo.png'),
          const SizedBox(height: 45),
          const SizedBox(
              width: double.infinity,
              child: Text('SECURED BACKUP', style: pageTitleStyle)),
          const SizedBox(
            width: double.infinity,
            child: Text(
              'Keep your files in closed safe so you can\'t lose them',
              style: pageInfoStyle,
            ),
          ),
        ],
      ),
    ),
    PageModel(
      widget: Column(
        children: [
          Image.asset('assets/logo.png'),
          const SizedBox(height: 45),
          const Text('CHANGE AND RISE', style: pageTitleStyle),
          const Text(
            'Give others access to any file or folder you choose',
            style: pageInfoStyle,
          )
        ],
      ),
    ),
    PageModel(
      widget: Column(
        children: [
          Image.asset('assets/logo.png'),
          const SizedBox(height: 45),
          const Text('EASY ACCESS', style: pageTitleStyle),
          const Text(
            'Reach your files anytime from any devices anywhere',
            style: pageInfoStyle,
          ),
        ],
      ),
    ),
  ];

  Onboard2({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: Onboarding(
        proceedButtonStyle: ProceedButtonStyle(
          proceedButtonRoute: (context) {
            return Navigator.pushAndRemoveUntil(
              context,
              MaterialPageRoute(
                builder: (context) => Container(),
              ),
              (route) => false,
            );
          },
        ),
        pages: onboardingPagesList,
        isSkippable: true,
        indicator:Indicator(
          indicatorDesign: IndicatorDesign.polygon(
            polygonDesign: PolygonDesign(
              polygon: DesignType.polygon_diamond,
            ),
          ),
        ),
      ),
    );
  }
}

Post a Comment

0 Comments