https://github.com/champ96k/flutter-onboarding-screen
A flutter package that helps the developer in creating onboarding screens of their app.
https://github.com/champ96k/flutter-onboarding-screen
dart flutter flutter-examples flutter-package flutter-packages flutter-plugin flutter-plugins onboarding-screen
Last synced: 2 months ago
JSON representation
A flutter package that helps the developer in creating onboarding screens of their app.
- Host: GitHub
- URL: https://github.com/champ96k/flutter-onboarding-screen
- Owner: champ96k
- License: mit
- Created: 2020-03-31T10:30:04.000Z (about 5 years ago)
- Default Branch: master
- Last Pushed: 2021-08-14T13:41:40.000Z (almost 4 years ago)
- Last Synced: 2025-03-27T00:11:08.278Z (3 months ago)
- Topics: dart, flutter, flutter-examples, flutter-package, flutter-packages, flutter-plugin, flutter-plugins, onboarding-screen
- Language: Dart
- Homepage: https://pub.dev/packages/flutter_onboarding_screen
- Size: 109 KB
- Stars: 6
- Watchers: 1
- Forks: 5
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# flutter onboarding screen
A new Flutter package for both android and iOS which help developer in creating a onboarding screen of their app.
## Screenshots
## Usage
[Example](https://github.com/champ96k/flutter-onboarding-screen/blob/master/example/example_app.dart)
To use this package :
* add the dependency to your [pubspec.yaml](https://github.com/champ96k/flutter-onboarding-screen/blob/master/pubspec.yaml) file.
```yaml
dependencies:
flutter:
sdk: flutter
flutter_onboarding_screen:
```
### How to use
```dart
class TestScreen extends StatelessWidget {
/*here we have a list of OnbordingScreen which we want to have, each OnbordingScreen have a imagePath,title and an desc.
*/
final List list = [
OnbordingData(
imagePath: "images/pic11.png",
title: "Search",
desc:"Discover restaurants by type of meal, See menus and photos for nearby restaurants and bookmark your favorite places on the go",
),
OnbordingData(
imagePath: "images/pic12.png",
title: "Order",
desc:"Best restaurants delivering to your doorstep, Browse menus and build your order in seconds",
),
OnbordingData(
imagePath: "images/pic13.png",
title: "Eat",
desc:"Explore curated lists of top restaurants, cafes, pubs, and bars in Mumbai, based on trends.",
),
];
@override
Widget build(BuildContext context) {
/* remove the back button in the AppBar is to set automaticallyImplyLeading to false
here we need to pass the list and the route for the next page to be opened after this. */
return new IntroScreen(list,MaterialPageRoute(builder: (context) => NextScreen()),
);
}
}
```
### Created & Maintained By
[Tushar Nikam](http://tusharnikam.ml/)
