xsahil03x / fancy_on_boarding Goto Github PK

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.

How to do this? Thanks in advance.

https://github.com/nikhiljha/fancy_on_boarding

I made it work with only SVGs, but it might be worthwhile to make it work with both.

Please fix

I'm not sure if I'm testing it right, but I can't manage to make the tests pass in the master branch.

To be precise this one: Done Pressed smoke test

I see it i snot maitained? Because not so many commits + packages are outdated and instaling packages like dotted_border are failing

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

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

Flutter 2.0 introduces sound null safe dart with dart 2.12.0

Migrating Guide
https://dart.dev/null-safety/migration-guide

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 have added two more pages in the pages list in pages.dart but still only 3 screens comes up. How to add more onboarding screens?

@xsahil03x Just wondering though,
Did you by any chance see this?
https://github.com/aagarwal1012/IntroViews-Flutter

Anybody turn their devices to landscape? These widgets aren't scrollable. Anybody know how to make them scrollable?

Possible to add an image for the page background?

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

I don't see any support for network images.

Adding Icons from flutter instead of asset images

The on-boarding package doesn't work for web. Is there a plan to support it?

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?

Image is flickering when the next page reveals complete, the previous image showing for a fraction of a second.

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