Flutter Tutorial - App Settings Page UI | Flutter Settings Screen

[@HeyFlutter]

This might help you :) 👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com Source Code: github.com/JohannesMilke/settings_screen_example

[@ChetanSingh-zp4ct]

Ah man you are everything that a Flutter dev needs

[@miguelfinanzasycripto]

hahaha it is true🤣👍

[@dantedt3931]

Probably the best Flutter channel on KZbin. You deserve a million views.

[@abdoudouba2889]

cause of you i learned many things . when my i reach my dreams i will search for u and thank u in the real life

[@kwameg1776]

The best channel for flutter lessons.

[@samengsberg875]

What a joy to be thinking of a setting screen page, pull this up, and immediately see there's an easier way to do things. Thanks for these videos.

[@dr.thantphyoaung]

I love to hear your voice while frustrating with flutter

[@hafizibrohim599]

Very very useful information, thanks Johannes

[@HassanMonaco381]

Im having trouble with initialising the cacheprovider. SharePreferenceCache is not working for me. Any ideas on how to fix it? Arguments of a constant creation must be constant expressions. (Documentation) Try making the argument a valid constant, or use 'new' to call the constructor. Too many positional arguments: 0 expected, but 1 found. (Documentation) Try removing the extra positional arguments, or specifying the name for named arguments. These are the errors its getting...

[@kibromhs7566]

I was worried how I build the settings for my app. I'm happy now☺️

[@zcouldmusic]

Ta chaîne est un paradis flutter Bro, merci infiniment pour tout ce que continue à fournir comme tutoriels 🙏🙏🙏🙏🤩

[@iAnguel]

Nice, I wonder if this can be easily modified to retrieve/save the settings to a network.

[@cubegamer434]

Hey, I get this error: Undefined name 'Utils'. why I become it, but Johannes not?

[@AZ4ZL]

Same for me, can sb help us?

[@hin603]

Thank you sm, but why the SettingsGroup and another widget can't work in Flutter any solution plz? Is there any package that I should download?

[@HeyFlutter]

Thank You ND! Follow this link: github.com/Baseflow/flutter-permission-handler/issues/429 I hope you will get your answer 🙂

[@hin603]

@@HeyFlutter Ah, thank sm. grateful for you

[@umarkhabiliy7554]

Mr.Milke you don't show Utils?

[@botsheloramela5728]

Hi Johannes, thank you for the awesome video... I'm having a bit of trouble with the SimpleSettingsTile, I get a white background on them, how can I remove it?

[@broteendas1194]

How do I avoid Null Safety without using the "--no-sound-null-safety" flag? Ref: Error: Cannot run with sound null safety, because the following dependencies don't support null safety: - package:flutter_settings_screens

[@HeyFlutter]

Hey, Broteen Das 🙂 Make sure to use updated version of all packages and those packages must support null safety

[@johnk2145]

@@HeyFlutter with the latest null safety version tho it errors Settings.getValue(SettingPageUI.keyDarkMode, true) and wants to be written in a way like getValue(String key, {T? defaultValue}) pls help

[@sivaKumar-bd7jh]

sir I have followed all your steps as above but when I clear settings cache the dark mode is not turning off sir. I running the program in my device sir.

[@shahedhaffar5261]

Please how to solve the null safety problem of the flutter setting screen package ??

[@federicoboschini1512]

Add "--no-sound-null-safety" when you run your app with "flutter run".

[@HeyFlutter]

Hello, Shahed Haffar! Follow this link: stackoverflow.com/questions/71221135/flutter-null-safety-issue I hope it will solve your problem. Thank You 🙂

[@federicoboschini1512]

I'm getting an "setState() or markNeedsBuild() called during build." error when I put for example buildLocation() function in the Widget's column list. With debug console I saw that TextInputSettingsTile runs markNeedsBuild() before build(). Why am I getting this error?

[@HeyFlutter]

Hey Federico Boschini, make sure to follow the tutorial step by step 🙂

[@mikirinkode]

there is an error when i try to run the project "Cannot run with sound null safety, because the following dependencies don't support null safety: - package:flutter_settings_screens"

[@HeyFlutter]

Thank You Muhammad Wafa! Follow this link: stackoverflow.com/questions/64917744/cannot-run-with-sound-null-safety-because-dependencies-dont-support-null-safety I hope you will get your answer 🙂

[@ArivazhaganNagalingam]

can you put a video on a full flutter web application?

[@vivekn4u]

nice video, just wanted to know how did you change the theme of tiles? is there any standard we should follow?

[@vivekn4u]

@@HeyFlutter can you show us how you apply the themes? I was unable to find any videos on this topic on your channel.

[@saadrahim8274]

can anyone explain to me how to use null safety version

[@TrikNgonlen]

I love it...thanks @Johannes Milke

[@kwameg1776]

Can you teach us how to change the language also?

[@eldadario7339]

Hey Johannes, how to use a ValueNotifier and ValueListenableBulder?

[@TheNEOFAR]

how to change background color of SimpleSettingsTile ?

[@TheNEOFAR]

@@HeyFlutter Thank you for answer. There is not that property for that plugin. I couldn't find.

[@sivaKumar-bd7jh]

when clearing the setting cache the dark mode is not turning off sir

[@sivaKumar-bd7jh]

sir I have followed all step as you said sir but dark is not turning off when I cleaning cache

[@sivaKumar-bd7jh]

I am running the code in my devices sir

[@TheWhoIsTom]

awesome like always!

[@sounsavdan1033]

I cannot access to get souce code

[@aqsaameen5535]

Is its subscription is free for source code?

[@j.k24]

how is the jobs for flutter devs? is it gaining traction?

[@HeyFlutter]

Thank you, jeroen k! 🙂. Yes if you know how to code in flutter. There are a lot of opportunities online.

[@j.k24]

@@HeyFlutter im new to it but find it very nice to work with, at the moment im testing the graph ql dependency 🤙🏽

[@hashankannangara8723]

Thanks 😍🤘

[@eldadario7339]

Very good

[@briccio8343]

I get an error with Shared Preferences: [ERROR:flutter/lib/ui/ui_dart_state.cc(209)] Unhandled Exception: Exception: No Implementation Found

[@HeyFlutter]

Thank You Briccio! Follow this link: stackoverflow.com/questions/71901092/i-keep-having-errorflutter-lib-ui-ui-dart-state-cc209-unhandled-exception I hope you will get your answer 🙂

[@briccio8343]

@@HeyFlutter Thank you, do you know how I can use the value inside my DropDown Settings Tile key to use it to change my main color app for example?

[@wishiwasamillionaire]

Amazing video, as always! It really has made putting a settings page together much easier! Quick question. Is there a way to make the global settings 'overridable'? For example, if the user sets a setting globally, such as a measurement unit, but they might want to override the global setting on an individual page, is that possible? Thanks :)

[@wishiwasamillionaire]

@@HeyFlutter Thank you! I'll take a look 😀

[@rakhekhan3246]

Please provide the util.dart code

[@HeyFlutter]

Thank You Rakhe Khan!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware

[@johnk2145]

In the latest null safety version inside Settings.getvalue(HeaderPage.keyDarkMode, true); it errors with true. In the old library it was in the form of static T getValue(String key, T defaultValue) but with the latest one (and all the null safety versions) It wants to be written in a way like they library has it which is: static T? getValue(String key, {T? defaultValue}) i havent been able to make it work and the thing is that if i get rid of the ,true then when i navigator.pop from my settings page to the home page of my app and then i go the settings page again and turn dark mode lets say off, it doesnt work and remains on. The only way of fixing it is with a refresh but the bug is still there. Needless to say that with your method and with the flutter settings page without the null safety while running the main.dart with flutter run --no-sound-null-safety the bug isnt there so the only issue is the true inside the Settings.getvalue(HeaderPage.keyDarkMode, true) which needs to be rewritten differently. Pls help

[@HeyFlutter]

Thank you, John K! 🙂. Try to paste the error message with your question whenever you face any issue or error.

[@johnk2145]

@@HeyFlutter so the only problem is that true value in final isDarkMode = Settings.getValue(SettingPageUI.keyDarkMode, true);

[@johnk2145]

​@@HeyFlutter "Too many positional arguments: 1 expected, but 2 found. Try removing the extra positional arguments, or specifying the name for named arguments.", In your code it errors the following: true inside of the Settings.getValue(SettingPageUI.keyDarkMode, true); The creator of the plugin defines it in its newest verison like static T? getValue(String key, {T? defaultValue}) . With the newest version i tried Settings.getValue(SettingPageUI.keyDarkMode, defaultValue: true); but when using navigtor.pop to go from the settings page to the homepage and then pressing the settings fab which uses navigator.push to go to the settings page the darkmode button doesnt work when switched. The bug lies withing the true value inside Settings.getValue(). i would be extremely greatfull if you could help me as i have to turn in this app for a uni project.

[@biscut6296]

Please use full screen when you code using visual studio

[@HeyFlutter]

Thanks for the feedback, BISCUT! 🙂

[@kamalCode]

Sir, how to make settings services and set all permission for flutter app.

[@DeviDot]

how to make photo editor app in flutter

[@DeviDot]

@@HeyFlutter Sir, can you explain the operation did not work for me

[@rezahosseinypour6669]

didn't continue after the plugin

[@kouazo]

Amazing tutorial. Thank you. How to monitor two keys with the valueChangeObserver? For instance for the theme change and the language change? Did you implement that in the source code?

[@kouazo]

In the video you use valueChangeObserver to rebuild the widget when the theme changes. I was wondering how to catch the language changes? I don't know if you have already shows how to do that in the project source code

[@TheOriginx]

@@kouazo What I have so far (by myself), just have to add shared preferences to your code and use it to change the value of your DropDownSettingsTile or any other Settings Tile: 1.- Install shared_preferences (flutter pub add shared_preferences) 2.- Import shared_preferences in your language widget page (import 'package:shared_preferences/shared_preferences.dart';) 3.- In your extends State widget, create a shared preferences object like this: final Future _prefs = SharedPreferences.getInstance(); 4.- Then in your DropDownSettingsTile, add the onChange method like this: onChange: (language) { _prefs.then((SharedPreferences prefs) { prefs.setInt(keyLanguage, language); }); },

[@tusharmishra6702]

Please don't make your videos Private ever. They are really good

[@AlexMarton]

Not recomanded for Material 3 :)

[@HeyFlutter]

Thanks for your feedback, Alex Marton! 🙂

[@jimmorrison2657]

Mate, it's a great video, but you let yourself down by your over-aggressive attempts to make people pay to see your source code. I have no problem with you making money from your code (I also do this), but at least be honest with people. People have to subscribe first in order to see the source code, and then they find out that they have to pay if the want to see it.

[@jimmorrison2657]

@@HeyFlutter So, this is how you take criticism. You just pretend it never happened 👍