📱DOPE Introduction Screens • Flutter Tutorial ♡ 

What emulator are you using?

My pleasure glad it helps u

Thank you so much 😀

Ohh nice.😁

Is there a way to display the intro screen only once when user opens the app for the first time? n later it opens the home screen on subsequent opening of the app?

@@unlockedplucky209 absolutely yes. You can use shared preferences to store a bool like introShown when the user launches the app and only show the intro screen if that value is not set

@@unlockedplucky209You could use shared prefrences, or firebase for this. depends on the context you're doing it

No problem glad i could help ❤️

@@createdbykoko Hey Mitch, I was just interviewed by some experts from a tech company from Kolkata, India for a Flutter app developer position. After the first round technical interview I was shortlisted for the second round technical interview and I just came after attending the interview. However, I'm new to Flutter development but I believe that I will get the job. I think Flutter is really easy and you are helping me alot! Thank you so much Mitch! 😊

You're too nice :)

thanks for the comment bro! :D

👨🏽‍💻❤️❤️❤️ glad u like it

My pleasure! Glad it helped ❤️

This is a great point! Thank you

How to do that bro

can you help me out a bit to stop relaunching the intro page every time I open my app?

@@unlockedplucky209 just use the shared_preferencies package and create a pair of key value with key of introduction_seen. By default it’s false and when the introduction has been seen, set it as true. Before displaying the introduction, check if the introduction_seen value in shared_preferencies is set to false 👍

💜💜💜💜

all goooddss

💘

did you get the answer?

dispose the widget and use navigator replace

I have something in the works for that 👨🏽‍💻 coming real soon ✌🏾

@@createdbykoko i cant wait for it 😲

@@createdbykoko yey :) waiting or it

Shared preferences or hive will help with that!

honestly ur channel is the best very simple to learn with u @@createdbykoko 💜💜

Create a bool variable and save it in a json file. Then read that file at the start of app to check whether the user has seen the onboarding.

State and get_storage one would imagine Or only show it after sign up / first sign in

Neither, this is flutter

What does the error say? I can help

@@createdbykoko im talking about the red lines under the codes im a begginer btw

@@zyltho yup that’s fine. If you hover your mouse over the red squiggle, it will tell you what the error is

@@createdbykoko ive just wrote those yet

@@createdbykoko Hi I was struggling to understand the code to make it work and I did thank God he helped me, you also did but nothing shows up I have no errors or anything nothing shows up heres onboarding_screen.dart file import 'package:flutter/material.dart'; import 'package:qranic/intro_screens/intro_page_1.dart'; import 'package:qranic/intro_screens/intro_page_2.dart'; import 'package:qranic/intro_screens/intro_page_3.dart'; import 'package:smooth_page_indicator/smooth_page_indicator.dart'; class Onboarding_screen extends StatefulWidget { const Onboarding_screen({Key? key}) : super(key: key); @override // ignore: library_private_types_in_public_api _OnBoardingScreenState createState() => _OnBoardingScreenState(); } class _OnBoardingScreenState extends State { //controller to keep track which page we are on PageController _controller = PageController(); @override Widget build(BuildContext context) { return Scaffold( body: Stack( children: [ PageView( controller: _controller, children: [ Intropage1() ,Intropage2() ,Intropage3() ] ), // dot indicator Container( alignment: Alignment(0, 0.75), child: Row( mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: [ // skip GestureDetector( onTap: () { _controller.jumpToPage(2); }, child: Text('skip')), // dot indicator SmoothPageIndicator(controller: _controller, count: 3), //next or done GestureDetector( onTap: () { _controller.nextPage(duration: Duration(milliseconds: 500), curve: Curves.easeIn); }, child: Text('next'), ), ], )), ], ), ); } } heres main.dart import 'package:flutter/material.dart'; // ignore: unused_import import 'onboarding_screen.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return const MaterialApp( debugShowCheckedModeBanner: false, ); } } but import 'onboarding_screen.dart'; is unused