Scribd
Upload
698 views

Flutter Onboarding Screen Only One Time - Stack Overflow PDF

The document is a question on Stack Overflow asking how to create an onboarding screen that only displays the first time an app is opened using Flutter. The top response recommends using SharedPreferences to set a value the first time the screen is seen, then checking that value in the main method to decide which route to take - either to the onboarding screen or the main app. It provides a code snippet showing how to initialize SharedPreferences in main(), set a variable to indicate initialization, and check that variable in the initialRoute property to conditionally route to the onboarding screen or main app.

Uploaded by

Jessy James
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
698 views

Flutter Onboarding Screen Only One Time - Stack Overflow PDF

The document is a question on Stack Overflow asking how to create an onboarding screen that only displays the first time an app is opened using Flutter. The top response recommends using SharedPreferences to set a value the first time the screen is seen, then checking that value in the main method to decide which route to take - either to the onboarding screen or the main app. It provides a code snippet showing how to initialize SharedPreferences in main(), set a variable to indicate initialization, and check that variable in the initialRoute property to conditionally route to the onboarding screen or main app.

Uploaded by

Jessy James
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Stack Overflow sign up log in

Questions Jobs Tags Users Badges Ask

0 Flutter Onboarding Screen only one time


flutter dart

i am new to flutter and dart and i am trying to make an app with an onboarding screen with 3 pages and i am
trying to skip the onboarding screen when the user has already opened the app once. I have seen something
similar with the shared preferences, but i couldn't make it work.
This is my onboarding screen:

class OnboardingScreen extends StatefulWidget {


@override
_OnboardingScreenState createState() => _OnboardingScreenState();
}

class _OnboardingScreenState extends State<OnboardingScreen> {

final int _numPages = 3;


final PageController _pageController = PageController(initialPage: 0);
int _currentPage = 0;

List<Widget> _buildPageIndicator() {
List<Widget> list = [];
for (int i = 0; i < _numPages; i++) {
list.add(i == _currentPage ? _indicator(true) : _indicator(false));
}
return list;
}

Widget indicator(bool isActive) {

share improve this question follow

Michael Markou asked


3●2 Dec 9 '19 at 1:46

You can use SharedPreferences to se a value when the first Screen is see. In the main you can load this value and use it to
decide where to route the user. – Guilherme Dec 9 '19 at 2:35

add a comment

1 Answer order by votes

You can use SharedPreferences in main()


2 And set a initScreen variable when first time init, set to 1 to indicate it has initialized
And In MyApp initialRoute check initScreen is null to decide which route to go
You can copy paste run full code below

code snippet
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
initialRoute: initScreen == 0 || initScreen == null ? "first" : "/",
routes: {
'/': (context) => MyHomePage(
title: "demo",
),
"first": (context) => OnboardingScreen(),
},
);
}
}

full code
onTap: () => print('Get Started'),
child: Center(
child: Padding(
padding: EdgeInsets.only(bottom: 5.0),
child: Text(
'Get Started',
style: TextStyle(
color: Color(0xFF5B16D0),
fontSize: 20.0,
fontWeight: FontWeight.bold,
),
),
),
),
),
)
: Text(''),
);
}
}

share improve this answer follow

chunhunghan answered
18.1k ● 1 ● 19 ● 30 Dec 9 '19 at 2:29

edited
Dec 9 '19 at 2:36

2 Good answer. If he doesn't want to setup a route he can also do... home: initScreen ? OnboardingScreen() :
MyHomePage(), – kent Dec 9 '19 at 2:54

add a comment

Your Answer

Body
Add picture

Log in

OR

Name

Email

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Post Your Answer

meta chat tour help blog privacy policy legal contact us full site
2020 Stack Exchange, Inc. user contributions under cc by-sa

You might also like