Flutter Mobile Development · درس

Shared Preferences للبيانات

استخدم `shared_preferences` لتخزين كميات صغيرة من البيانات، مثل إعدادات المستخدم وتفضيلاته، محليًا في أزواج مفتاح-قيمة

Shared Preferences للبيانات درس مجاني في Flutter Mobile Development على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Flutter Mobile Development، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Flutter Mobile Development 4 دروس في المجموع.

بعض أجزاء هذا الدرس لم تُترجم بعد وتظهر باللغة الإنجليزية.

What are Shared Preferences?

When building mobile apps, you often need to store small bits of data locally on the device. This could be anything from a user's dark mode preference to their last logged-in status.

shared_preferences is a Flutter package that helps you do just that! It provides a simple way to store key-value pairs of primitive data types.

Why Use Shared Preferences?

Simple Data: Ideal for storing simple data types like booleans, integers, doubles, strings, and lists of strings.
User Settings: Perfect for saving user preferences, app settings, or theme choices.
Lightweight: It's a quick and easy way to persist small amounts of data without needing a full database.

Think of it like a small digital notepad for your app's temporary memory!

Installing the Package

To use shared_preferences, you first need to add it to your project's dependencies.

Open your pubspec.yaml file and add the following line under dependencies:

dependencies:
  flutter:
    sdk: flutter
  shared_preferences: ^2.2.2 # Add this line

Saving Your First Preference

Once the package is added, you can start saving data. You'll need to get an instance of SharedPreferences and then use methods like setBool(), setString(), etc.

Remember to use await because these operations are asynchronous!

import 'package:shared_preferences/shared_preferences.dart';

Future<void> saveSetting() async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  await prefs.setBool('isDarkMode', true);
  print('Dark mode setting saved!');
}

Run It: Saving a Boolean

Try running this example to see how a boolean value is saved. We'll set a 'welcomeShown' flag to true.

import 'package:flutter/widgets.dart';
import 'package:shared_preferences/shared_preferences.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized(); 
  SharedPreferences prefs = await SharedPreferences.getInstance();

  // Save a boolean value
  await prefs.setBool('welcomeShown', true);
  print('welcomeShown saved: ${prefs.getBool('welcomeShown')}');
}

Retrieving Saved Data

To get data back, you use corresponding get methods like getBool(), getString(), etc. These methods return a nullable type (e.g., bool?) because the key might not exist.

It's good practice to provide a default value using the ?? operator if the key is not found.

import 'package:shared_preferences/shared_preferences.dart';

Future<bool> getSetting() async {
  SharedPreferences prefs = await SharedPreferences.getInstance();
  // Get 'isDarkMode', default to false if not found
  bool isDark = prefs.getBool('isDarkMode') ?? false;
  return isDark;
}

Run It: Loading a Boolean

Let's load the welcomeShown preference we saved earlier. Notice how we handle the case where it might not exist by providing a default of false.

import 'package:flutter/widgets.dart';
import 'package:shared_preferences/shared_preferences.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  SharedPreferences prefs = await SharedPreferences.getInstance();

  // Load 'welcomeShown', default to false if not present
  bool welcomeShown = prefs.getBool('welcomeShown') ?? false;
  print('Is welcome screen already shown? $welcomeShown');

  // Let's try to load a key that doesn't exist
  String? userName = prefs.getString('userName');
  print('User Name: ${userName ?? 'Guest'}');
}

Saving Other Data Types

shared_preferences supports several basic data types:

setString(key, value) for text
setInt(key, value) for whole numbers
setDouble(key, value) for decimal numbers
setStringList(key, value) for lists of strings

There are corresponding get methods for each type.

Run It: Saving Mixed Data

This example demonstrates saving and loading a string, an integer, and a list of strings. See how different types are handled.

import 'package:flutter/widgets.dart';
import 'package:shared_preferences/shared_preferences.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  SharedPreferences prefs = await SharedPreferences.getInstance();

  // Save different data types
  await prefs.setString('userName', 'Coddy');
  await prefs.setInt('score', 12345);
  await prefs.setStringList('favoriteFoods', ['Pizza', 'Sushi', 'Tacos']);
  print('All data saved!');

  // Load and print them
  String? name = prefs.getString('userName');
  int? score = prefs.getInt('score');
  List<String>? foods = prefs.getStringList('favoriteFoods');

  print('User Name: ${name ?? 'N/A'}');
  print('Score: ${score ?? 0}');
  print('Favorite Foods: ${foods ?? []}');
}

Deleting Preferences

You can also remove stored preferences:

remove(key): Deletes a specific key-value pair.
clear(): Deletes ALL data stored by your app using shared_preferences. Use with caution!

Both methods are asynchronous and return a Future<bool> indicating success.

Quick Check

You want to store a user's preferred language, which is a single string like 'en_US' or 'es_ES'. Which shared_preferences method is the most appropriate for saving this data?

Recap & Next Steps

Great job! You've learned how to use shared_preferences to store and retrieve small, simple data locally in your Flutter applications.

It's ideal for user settings and preferences.
Supports basic types: bool, int, double, string, and List<String>.
Operations are asynchronous (use await).
Remember to handle null values when retrieving data.

Next, you'll explore more structured data storage with SQLite databases!

الأسئلة الشائعة

هل درس «Shared Preferences للبيانات» مجاني؟

نعم — نص درس «Shared Preferences للبيانات» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Flutter Mobile Development، انتقل إلى CoddyKit PRO. تتضمن دورة Flutter Mobile Development 4 دروس في المجموع.

ماذا ستتعلم في «Shared Preferences للبيانات»؟

استخدم `shared_preferences` لتخزين كميات صغيرة من البيانات، مثل إعدادات المستخدم وتفضيلاته، محليًا في أزواج مفتاح-قيمة تتمرن على Flutter Mobile Development مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.

هل أحتاج إلى خبرة سابقة لأبدأ Flutter Mobile Development؟

لا تُشترط خبرة سابقة. Flutter Mobile Development على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.

كم من الوقت يستغرق درس «Shared Preferences للبيانات»؟

معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.

هل يمكنني كتابة وتشغيل أكواد في درس Flutter Mobile Development هذا؟

نعم. كل درس في Flutter Mobile Development يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.

جميع الدروس في هذه الدورة

← العودة إلى Flutter Mobile Development