Это видео недоступно.
Сожалеем об этом.
Flutter Tutorial - App Settings Page UI | Flutter Settings Screen
HTML-код
- Опубликовано: 14 авг 2024
- Create a Flutter Settings Page UI that uses Shared Preferences to store the app settings in Flutter.
Click here to Subscribe to Johannes Milke: www.youtube.co...
👉 12 Week Flutter Training | heyflutter.com
👉 Flutter Masterclass Courses | heyflutter.com...
Source Code | github.com/Joh...
My Courses | heyflutter.com
Follow Newsletter | johannesmilke....
SUBSCRIBE HERE
bit.ly/Johannes...
SUPPORT & SPONSOR ME
github.com/spo...
RESOURCES
Settings Menu Tutorial: • Flutter Tutorial - Dyn...
Internet Connectivity Tutorial: • Flutter Tutorial - How...
User Profile Page & Shared Preferences Tutorial: • Flutter Tutorial - Use...
User Profile Page UI Tutorial: • Flutter Tutorial - Use...
Navigation Drawer UI Tutorial: • Flutter Tutorial - Sid...
Upload File To Firebase Storage Tutorial: • Flutter Tutorial - Upl...
Download File From Firebase Storage Tutorial: • Flutter Tutorial - Dow...
TextField Autofill Services Tutorial: • Flutter Tutorial - Aut...
Page Transition Animation Tutorial: • Flutter Tutorial - Pag...
Fix Bottom Overflowed By Pixels Tutorial: • Flutter Tutorial - Fix...
JSON Serializable Tutorial: • Flutter Tutorial - Con...
Audio Player App Tutorial: • Flutter Tutorial - Mak...
Hidden Drawer UI Tutorial: • Flutter Tutorial - Hid...
Set Screen Background Color Tutorial: • Flutter Tutorial - Set...
Set Screen Background Image Tutorial: • Flutter Tutorial - Set...
Animated List Tutorial: • Flutter Tutorial - Ani...
Calendar Event App Tutorial: • Flutter Tutorial - Cal...
TIMELINE
0:00 Introduction App Settings Page UI
0:25 Setting Screen ListTiles
0:42 Switch SettingsTile
1:01 Simple SettingsTile
1:19 DropDown SettingsTile
1:39 TextInput SettingsTile
2:02 Create Settings Page UI
3:27 Navigate To Another Settings Page UI
4:30 Add Language, Location, Password To Settings
4:49 Add Settings Shared Preferences
6:54 Add Dark Mode Switch With Dark Theme Provider
9:33 Add Notification Settings
10:28 Clear Settings Cache Of Shared Preferences
SHARE | SUBSCRIBE | LIKE FOR MORE VIDEOS LIKE THIS
*********
SOCIAL MEDIA: Follow Us :-)
Twitter | / heyflutter_
Linkedin | / heyflutter
LEARN MORE
SOURCE CODE | github.com/Joh...
ARTICLES | / johannesmilke
PLAYLISTS
All Flutter Videos | • Flutter Tutorial - Flu...
Widgets - Flutter | • Flutter Tutorial - Flu...
Plugins - Flutter | • Flutter Tutorial - Flu...
Animations - Flutter | • Flutter Tutorial - Tra...
Designs - Flutter | • Flutter Tutorial - Flu...
Firebase - Flutter | • Flutter Tutorial - Pag...
State Management - Flutter | • Flutter Tutorial - Riv...
CREDITS
Copyright song "Corporate Technology" by scottholmesmusic.com
#Flutter #Tutorial #JohannesMilke
LIKE & SHARE & ACTIVATE THE BELL
Thanks For Watching :-)
bit.ly/Johannes...
This might help you :)
👉 12 Week Flutter Training from Newbie to Expert: heyflutter.com
Source Code: github.com/JohannesMilke/settings_screen_example
Ah man you are everything that a Flutter dev needs
hahaha it is true🤣👍
Probably the best Flutter channel on RUclips. You deserve a million views.
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.
The best channel for flutter lessons.
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
Very very useful information, thanks Johannes
I love to hear your voice while frustrating with flutter
Ta chaîne est un paradis flutter Bro, merci infiniment pour tout ce que continue à fournir comme tutoriels 🙏🙏🙏🙏🤩
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...
I was worried how I build the settings for my app. I'm happy now☺️
Nice, I wonder if this can be easily modified to retrieve/save the settings to a network.
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?
I love it...thanks @Johannes Milke
Hey, I get this error: Undefined name 'Utils'. why I become it, but Johannes not?
Same for me, can sb help us?
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.
awesome like always!
Hey Johannes, how to use a ValueNotifier and ValueListenableBulder?
nice video, just wanted to know how did you change the theme of tiles? is there any standard we should follow?
@@HeyFlutter can you show us how you apply the themes? I was unable to find any videos on this topic on your channel.
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?
Hey Federico Boschini, make sure to follow the tutorial step by step 🙂
Very good
Thanks 😍🤘
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?
Thank You ND! Follow this link: github.com/Baseflow/flutter-permission-handler/issues/429
I hope you will get your answer 🙂
@@HeyFlutter Ah, thank sm. grateful for you
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 :)
@@HeyFlutter Thank you! I'll take a look 😀
Mr.Milke you don't show Utils?
can you put a video on a full flutter web application?
Can you teach us how to change the language also?
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"
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 🙂
can anyone explain to me how to use null safety version
Please how to solve the null safety problem of the flutter setting screen package ??
Add "--no-sound-null-safety" when you run your app with "flutter run".
Hello, Shahed Haffar! Follow this link: stackoverflow.com/questions/71221135/flutter-null-safety-issue
I hope it will solve your problem. Thank You 🙂
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
Hey, Broteen Das 🙂 Make sure to use updated version of all packages and those packages must support null safety
@@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
how to change background color of SimpleSettingsTile ?
@@HeyFlutter Thank you for answer. There is not that property for that plugin. I couldn't find.
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?
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
@@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);
});
},
when clearing the setting cache the dark mode is not turning off sir
sir I have followed all step as you said sir but dark is not turning off when I cleaning cache
I am running the code in my devices sir
Is its subscription is free for source code?
Sir, how to make settings services and set all permission for flutter app.
Please use full screen when you code using visual studio
Thanks for the feedback, BISCUT! 🙂
how is the jobs for flutter devs? is it gaining traction?
Thank you, jeroen k! 🙂. Yes if you know how to code in flutter. There are a lot of opportunities online.
@@HeyFlutter im new to it but find it very nice to work with, at the moment im testing the graph ql dependency 🤙🏽
I cannot access to get souce code
Please provide the util.dart code
Thank You Rakhe Khan!. I showed the main functionality, which is important for this package. Learn more about it here: github.com/JohannesMilke/sponsorware
how to make photo editor app in flutter
@@HeyFlutter Sir, can you explain the operation did not work for me
didn't continue after the plugin
Not recomanded for Material 3 :)
Thanks for your feedback, Alex Marton! 🙂
Please don't make your videos Private ever. They are really good
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.
@@HeyFlutter So, this is how you take criticism. You just pretend it never happened 👍
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
Thank you, John K! 🙂. Try to paste the error message with your question whenever you face any issue or error.
@@HeyFlutter so the only problem is that true value in final isDarkMode = Settings.getValue(SettingPageUI.keyDarkMode, true);
@@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.
I get an error with Shared Preferences: [ERROR:flutter/lib/ui/ui_dart_state.cc(209)] Unhandled Exception: Exception: No Implementation Found
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 🙂
@@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?