onboarding_anim 1.0.1 copy "onboarding_anim: ^1.0.1" to clipboard
onboarding_anim: ^1.0.1 copied to clipboard

discontinued

Una libreria para crear un onboarding de manera sencilla, y con una hermosa animación.

example/lib/main.dart

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

void main() {
  runApp(MaterialApp(
      theme: ThemeData(
          primaryColor: Colors.deepOrange, accentColor: Colors.deepOrange[200]),
      home: MyApp()));
}

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List<PageModel> pages = <PageModel>[
    PageModel(
      title: "Relax",
      body:
          "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.",
      image: Image(
          image: NetworkImage(
              "https://i-love-png.com/images/kraken_body03_final_01.png")),
    ),
    PageModel(
        title: "Flutter",
        body:
            "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.",
        image: Image(
            image: NetworkImage(
                "https://i-love-png.com/images/kraken_body01_final_01_1766.png"))),
    PageModel(
        title: "Is Awesome",
        body:
            "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.",
        image: Image(
            image: NetworkImage(
                "https://i-love-png.com/images/kraken_body03_final_01.png"))),
    PageModel(
        title: "And Beautiful",
        body:
            "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.",
        image: Image(
            image: NetworkImage(
                "https://i-love-png.com/images/kraken_body01_final_01_1766.png")))
  ];

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: OnBoardingScreen(
            onboardingDecoration: OnboardingDecoration(
                aling: Alignment.topCenter,
                child: Image(
                  image: NetworkImage(
                      "https://www.themexpert.com/images/easyblog_articles/531/b2ap3_large_Mountains.PNG"),
                  width: MediaQuery.of(context).size.width,
                )),
            pages: pages,
            onDone: () => print("Done"),
            onSkip: () => print("Skip"),
            dotsType: OnBoardingScreen.dotsLinearProgress,
            indicatorDecoration: IndicatorDecoration(
                active: Colors.deepOrange, inactive: Colors.deepOrange[200])));
  }
}
11
likes
40
pub points
0%
popularity

Publisher

verified publisherdamianrc.com

Una libreria para crear un onboarding de manera sencilla, y con una hermosa animación.

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on onboarding_anim