What emulator are you using?

My pleasure glad it helps u

thanks for the comment bro! :D

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

You're too nice :)

Thank you so much 😀

My pleasure! Glad it helped ❤️

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! 😊

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

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

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.

Shared preferences or hive will help with that!

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

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