pyozer / introduction_screen Goto Github PK
View Code? Open in Web Editor NEWAdd easily to your app an introduction screen to provide informations to new users
Home Page: https://pub.dartlang.org/packages/introduction_screen
License: MIT License
Add easily to your app an introduction screen to provide informations to new users
Home Page: https://pub.dartlang.org/packages/introduction_screen
License: MIT License
i just want to show only once install app after. every time i am opening it show on board screen. how to disable that?
Hi, i try add pageColor: Colors.transparent but not working, can you fix it. Thanks
Hello @Pyozer ,
Wonderful work ! I love it !
I have 2 questions,
The first one is, is it possible to have a backgroundcolor or background image for all PageViewModel...?
I try to place the IntroductionScreen() in a container with a backgroundimage or background color and i set the PageColor to Colors.Transparent for all PageViewModel,
But the background is still white !
Is it possible ?
Also, my second question, is it possible to hide the next button and Done button ?
the same as showSkipButton: false,
Thanks a lot !
Pascal
How to put the skip button in the upper right corner and the dots below the image?
I tried to use container to define position but although I can locate the dots using
padding only moves the dots but the skipbutton can't locate or position it: /
Thanks for the nice library.
I want to link my own Next button with the Introduction Screen.
Therefore, I want to use _onNext
() of IntroductionScreenState
, but it is private.
Is there any other way?
For example I have const variable pageDecoration to pass to decoration property of my PageViewModels, but in one PageViewModel I want to change only one value of pageDecoration, so a copyWith method would be very good.
HI,
i tried to find any way to expand the image height and decrease the text space portion
but i couldn't find any solution for this issue
any help?
I want to set images as background and on top of that I want to display buttons.
Introduction screen is very awesome but the thing is it should just be there only once when we open app first time.
So, I made a splash screen and used dart async to find intro screen is opened or not , it worked fine.
If you could provide that feature in this package it would be helpful a lot.
Thank You.
Can i use a video player at image parameter of PageViewModel ?
PageViewModel( title: 'TitleExample', body:'Text example', image: VideoPlayerController.asset('assets/videos/presentation.mp4'), ),
Just a minor issue but I would like dotColor
which is present in DotsIndicator
widget to be available through IntroductionScreen
's parameters. This will help those like me who want to change the color of the dots that are not active
Great work on this library, my suggestion would be to make this part customizable:
https://github.com/Pyozer/introduction_screen/blob/master/lib/src/introduction_screen.dart#L246-L278 such that it's possible to have very custom widgets for that part.
It would be nice if the plugin would also support for Dart null safety, which is being enforced by upcoming flutter releases. For details, refer to: https://dart.dev/null-safety
I think it would be better to change physics in pageView to AlwaysScrollableScrollPhysics instead of BouncingScrollPhysics Or at least it would be great if scroll physics be more modifier than just freeze.
Thanks For Your Awesome library
Thanks for the introduction screen code. I couldn't get the images to appear when I ran the code using $flutter run -d linux. With the same codebase, I ran $flutter run -d chrome and the images do appear in the web version. I opened an issue in Flutter:
The dot indicator overflows in pixels when there are more than 5 pages.
Hi,
Is there any way to change the padding between the title and the image? It is particularly important for me when the mobile is in the landscape mode.
Thanks
Hi,
thanks for the awesome plugin! But I have a problem:
The Introduction Screen is called on every launch of the app. Should it works this way? I only know introduction screens which are only visibile on the first launch of the app.
How can I implement this?
Thanks for help!
If you have form fields in the PageViewModel
they do not save state when going between the pages. For this to work IntroPage
needs to be a StatefulWidget
and AutomaticKeepAliveClientMixin
needs to be used.
Hello Jean I like the simplicity of your library
but I was wondering if it was possible to
Iset the image optional, on the pageviews.
and then make it possible to override the default skip action, for instance if I wanted to skip to the next screen instead of the next pageview.
Hi,
how can I add header or top widget for each page, I mean common top logo I want to place on top.
How can I get to the previous page without swiping?
Is it possible to make 'skip' act as 'skip to end'?
I've tried using the curve parameter but it seems that it's not being applied? The animation is still the same when changing the page.
Sample code:
IntroductionScreen(
curve: Curves.bounceOut,
pages: pages(),
done: Text('Done'),
onDone: () {},
),
First of all, thank you for your plugin! It was easy to use and gave excellent results :)
I am a native English speaker and I think I can help improve the documentation
I just sent three pull requests #65 #64 #63 for various typo errors and I decided to stop and just fork the project to help edit the README and Documentation. If you are okay with this I will proceed to edit the text and also the example file to make it easier for others to use as well.
I need that after 5 seconds, the slide change automatically, like in some web banners behaviors
Thanks
When the body content is too extensive and I scroll it, the following error occurs:
type 'FixedScrollMetrics' is not a subtype of type 'PageMetrics'
Version: v1.0.7
Stack trace:
#0 _IntroductionScreenState._onScroll (package:introduction_screen/src/introduction_screen.dart:163)
#1 NotificationListener._dispatch (package:flutter/src/widgets/notification_listener.dart:127)
#2 Notification.visitAncestor (package:flutter/src/widgets/notification_listener.dart:45)
#3 ViewportNotificationMixin.visitAncestor (package:flutter/src/widgets/scroll_notification.dart:31)
#4 Element.visitAncestorElements (package:flutter/src/widgets/framework.dart:3509)
#5 Notification.dispatch (package:flutter/src/widgets/notification_listener.dart:61)
#6 DragScrollActivity.dispatchScrollStartNotification (package:flutter/src/widgets/scroll_activity.dart:436)
#7 ScrollPosition.didStartScroll (package:flutter/src/widgets/scroll_position.dart:658)
#8 ScrollPosition.beginActivity (package:flutter/src/widgets/scroll_position.dart:650)
#9 ScrollPositionWithSingleContext.beginActivity (package:flutter/src/widgets/scroll_position_with_single_context.dart:116)
#10 ScrollPositionWithSingleContext.drag (package:flutter/src/widgets/scroll_position_with_single_context.dart:246)
dart:async isn't required as dart:core which is automatically imported has all those features according to Dart 2.1.
Disable the "back" button on HomeScreen After clicking "done" on the Intro page.(Disable the "back" option redirection to the intro page)
I have noticed that the bodyWidget makes that part of the page scrollable. How do we stop this behavior?
thanks for the solid package, works wonderfully here. Was wondering if you can add RTL behaviour where the pages scroll to the right not to the left and reverse the location of next/end buttons. Also I could do the PR with some pointers ๐
thanks
The onChange function doesn't trigger when the user switches from one page to the other?
As per convention, the user is supposed to see the onboard only once, when the app loads for the first time and never after that. But this introduction screen keeps showing every time the app is launched.
Hi @Pyozer,
First of all thanks for this wonderful plugin that you made for us!
I was wondering if would be possible to show the plugin just once after the very first start of the app.
Would be really cool that somehow the Introduction Screen would be able to understand, with a state manager or a cache system, that the user already saw it and not show the plugin again.
Thanks for everything, cheers!
The default is from top to bottom, Could I change it in center?
Is there a limit to the number of dots - I have more than 6 and they overflow.
Hi!
To avoid potential issues, I think these two functions should check the mounted property before calling setState.
Future<void> skipToEnd() async {
setState(() => _isSkipPressed = true);
await animateScroll(widget.pages.length - 1);
setState(() => _isSkipPressed = false);
}
Future<void> animateScroll(int page) async {
setState(() => _isScrolling = true);
await _pageController.animateToPage(
page,
duration: Duration(milliseconds: widget.animationDuration),
curve: widget.curve,
);
setState(() => _isScrolling = false);
}
as in:
if (mounted) {
setState(() => _isSkipPressed = false);
}
Is there a way to use different gradient background for each page?.
Running "flutter pub get" in introduction_screen...
Error on line 27, column 3 of pubspec.yaml: A package may not list itself as a dependency.
โท
27 โ introduction_screen: ^1.0.7
โ ^^^^^^^^^^^^^^^^^^^
โต
pub get failed (65; โต)
Process finished with exit code 65
This is the third Onboarding approach I have tried and is the one I like the most. Great work.
What I'm trying to accomplish is to have text and icons in the description - so that I could describe things like "Tap the + button to ...." or "Tap the Pencil to do ...", where the + and Pencil are icons / images.
Would this be possible?
Thanks,
Steve
Any good links on where to find onboarding images?
How can i use full screen background image for onboarding?
It would be cool if users get told how the app works ( new install) Or new features ( upgrade )
I think there is a flutter plugin to do this..
Can the controller be accessed to move to a certain page on a button click for example?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.