flutter_svg (0.18.0) is adapted to flutter lastest stable channel (v1.20.2), if it is lower than 0.18.0, it fails to run. This library depends on the lower version of flutter_svg, so an error is reported when running on the lastest stable channel.

I upgraded to Flutter 1.20 and could no longer build my project. I believe that it's because of the dependency on flutter_svg: ^0.17.4

For anyone running into this problem, you can fix it by adding the following to your pubspec.yaml:

dependency_overrides:
  flutter_svg: ^0.18.0

Compiler message:
../../flutter/.pub-cache/hosted/pub.dartlang.org/fancy_on_boarding-1.5.0/lib/src/fancy_on_boarding.dart:67:9: Error: 'Page' is imported from both 'package:fancy_on_boarding/src/pages.dart' and 'package:flutter/src/widgets/navigator.dart'.
        Page(
        ^^^^
../../flutter/.pub-cache/hosted/pub.dartlang.org/fancy_on_boarding-1.5.0/lib/src/fancy_on_boarding.dart:73:18: Error: 'Page' is imported from both 'package:fancy_on_boarding/src/pages.dart' and 'package:flutter/src/widgets/navigator.dart'.
          child: Page(
                 ^^^^

Steps to reproduce:

import "package:flutter/material.dart";
import 'package:fancy_on_boarding/fancy_on_boarding.dart' as boarder;

final pageList = [
    boarder.PageModel(
        color: const Color(0xFF678FB4),
        heroAssetPath: 'assets/heart.png',
        title: Text('Hotels',
            style: TextStyle(
              fontWeight: FontWeight.w800,
              color: Colors.white,
              fontSize: 34.0,
            )),
        body: Text('All hotels and hostels are sorted by hospitality rating',
            textAlign: TextAlign.center,
            style: TextStyle(
              color: Colors.white,
              fontSize: 18.0,
            )),
        iconAssetPath: 'assets/heart.png'),
    boarder.PageModel(
        color: const Color(0xFF65B0B4),
        heroAssetPath: 'assets/heart.png',
        title: Text('Banks',
            style: TextStyle(
              fontWeight: FontWeight.w800,
              color: Colors.white,
              fontSize: 34.0,
            )),
        body: Text(
            'We carefully verify all banks before adding them into the app',
            textAlign: TextAlign.center,
            style: TextStyle(
              color: Colors.white,
              fontSize: 18.0,
            )),
        iconAssetPath: 'assets/heart.png'),
    boarder.PageModel(
      color: const Color(0xFF9B90BC),
      heroAssetPath: 'assets/heart.png',
      title: Text('Store',
          style: TextStyle(
            fontWeight: FontWeight.w800,
            color: Colors.white,
            fontSize: 34.0,
          )),
      body: Text('All local stores are categorized for your convenience',
          textAlign: TextAlign.center,
          style: TextStyle(
            color: Colors.white,
            fontSize: 18.0,
          )),
      iconAssetPath: 'assets/heart.png',
    ),
];


class Onboarding extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: boarder.FancyOnBoarding(
        doneButtonText: "Done",
        skipButtonText: "Skip",
        pageList: pageList,
        onDoneButtonPressed: () =>
            Navigator.of(context).pushReplacementNamed('/mainPage'),
        onSkipButtonPressed: () =>
            Navigator.of(context).pushReplacementNamed('/mainPage'),
      ),
    );
  }
}

Running Flutter (Channel beta, v1.17.0, on Mac OS X 10.15.4 19E287, locale en-NO)

Because image >=3.0.0-nullsafety.0 <3.0.1 depends on xml ^5.0.0-nullsafety.1 and image >=3.0.1 depends on xml ^5.0.0, image >=3.0.0-nullsafety.0 requires xml ^5.0.0-nullsafety.1. And because flutter_launcher_icons >=0.9.0 depends on image ^3.0.0-nullsafety.0, flutter_launcher_icons >=0.9.0 requires xml ^5.0.0-nullsafety.1. And because fancy_on_boarding >=1.7.0 depends on flutter_svg ^0.19.1 which depends on xml ^4.2.0, flutter_launcher_icons >=0.9.0 is incompatible with fancy_on_boarding >=1.7.0. So, because senio_assist depends on both fancy_on_boarding ^1.7.0 and flutter_launcher_icons ^0.9.0, version solving failed.

this allows the users to change the margin bottom of the pagination & "DONE" buttons. they can use the "bottomMargin" argument to do change the bottom margin.

I am using the plugins for an app but it has two languages ​​and I use the context property to be able to translate the string of the title and the body of the pageModel however I have an error because I don't have a context for that ... how could I create a widget that allow to use buildcontext and in this way use languages?

my code: final pageList = [ PageModel( color: dBlueSkyColor, heroAssetPath: 'assets/images/delivery1.png', title: Text('SAVE MONEY', style: GoogleFonts.montserrat( fontWeight: FontWeight.w800, color: dOrangeColor, fontSize: 30.0, )), body: Text( 'Weekly best deals picked by our price comparison team', textAlign: TextAlign.center, style: GoogleFonts.montserrat( color: dOrangeColor, fontSize: 15.0, ), ), iconAssetPath: 'assets/icons/postal.png', ), PageModel( color: const Color(0xFF65B0B4), heroAssetPath: 'assets/images/delivery2.png', title: Text('SAVE TIME', style: GoogleFonts.montserrat( fontWeight: FontWeight.w800, color: Colors.white, fontSize: 30.0, )), body: Text( 'Shop from over 1200 local stores at your fingertips', textAlign: TextAlign.center, style: GoogleFonts.montserrat( color: Colors.white, fontSize: 15.0, ), ), iconAssetPath: 'assets/icons/business.png', ), PageModel( color: const Color(0xFF9B90BC), heroAssetPath: 'assets/images/delivery3.png', title: Text('HOME DELIVERY', style: GoogleFonts.montserrat( fontWeight: FontWeight.w800, color: Colors.white, fontSize: 30.0, )), body: Text("You get everything you'd want from your local store to your door", textAlign: TextAlign.center, style: GoogleFonts.montserrat( color: Colors.white, fontSize: 15.0, )), iconAssetPath: 'assets/icons/over.png', ), ];

instead of using plain text use S.of(context).simpleText with error in context

See https://github.com/flutter/flutter/blob/beta/packages/flutter/lib/src/widgets/navigator.dart#L500

The package no longer works with any Flutter version that uses Navigator 2.0

How Can I show Landscape view of my fancy-on-boarding? Whenever I turn my app in landscape mode, it appears to me that RenderFlex overflowed! So How can I solve it?

I just want to know that your parameters in PageModel of Title and Body have Text widget only, why not make it as "Widget"? so that we can have wide range of widgets to choose in each pagemodel

• updated flutter_svg package version to latest 1.1.5
• added web and desktop apps in example
• updated old android app in example
• handling network svg pictures in [FancyImage]
• using PositionedDirectional instead of Positioned in [FancyOnBoarding]