StateFlow مقابل SharedFlow
اختر التدفق الساخن المناسب لواجهة المستخدم
StateFlow مقابل SharedFlow درس مجاني في Jetpack Compose Academy على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Jetpack Compose Academy، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Jetpack Compose Academy 4 دروس في المجموع.
بعض أجزاء هذا الدرس لم تُترجم بعد وتظهر باللغة الإنجليزية.
Hot Streams for the UI
To stream live data into Compose you use a hot flow that stays active and emits whether or not anyone is currently collecting it.
Meet StateFlow
A StateFlow always holds exactly one current value. New collectors immediately receive that latest value, which is perfect for screen state. 📦
val count = MutableStateFlow(0)
count.value = 1Read the Value Anytime
Because StateFlow caches one item, you can read its current value synchronously through the value property without collecting.
val ui: StateFlow<UiState> = _ui
val now = ui.valueStateFlow Skips Duplicates
A StateFlow only emits when the value actually changes. Setting it to the same value again sends nothing to collectors.
_count.value = 5
_count.value = 5 // no new emissionMeet SharedFlow
A SharedFlow broadcasts events to many collectors but holds no required current value. It is built for things that happen, not state that is.
val events = MutableSharedFlow<String>()SharedFlow Replay Buffer
A SharedFlow can replay a few past emissions to late collectors. With replay zero, new collectors only see future events.
MutableSharedFlow<Int>(replay = 1)SharedFlow Keeps Duplicates
Unlike StateFlow, a SharedFlow emits every value you send, even repeats. Two identical taps fire two separate events.
events.emit("tap")
events.emit("tap") // both deliveredState Versus Events
The rule of thumb: use StateFlow for what the screen looks like, and SharedFlow for one-time things like a navigation or a toast.
Expose Read-Only Streams
Keep a private mutable flow inside the ViewModel and expose a read-only one. The UI observes but cannot mutate it.
private val _ui = MutableStateFlow(UiState())
val ui: StateFlow<UiState> = _uiStateFlow Needs a Default
A StateFlow must start with an initial value, so the UI always has something to show. A SharedFlow can start empty.
MutableStateFlow(UiState(loading = true))Collect in Compose
You turn either flow into Compose state with a collector. For a StateFlow the screen has data immediately on first frame.
val state by viewModel.ui.collectAsStateWithLifecycle()Quick Check
Match each flow to its purpose.
Recap: StateFlow vs SharedFlow
Nice! StateFlow caches one current value for screen state, while SharedFlow broadcasts repeatable events with an optional replay buffer. 🎯
الأسئلة الشائعة
هل درس «StateFlow مقابل SharedFlow» مجاني؟
نعم — نص درس «StateFlow مقابل SharedFlow» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Jetpack Compose Academy، انتقل إلى CoddyKit PRO. تتضمن دورة Jetpack Compose Academy 4 دروس في المجموع.
ماذا ستتعلم في «StateFlow مقابل SharedFlow»؟
اختر التدفق الساخن المناسب لواجهة المستخدم تتمرن على Jetpack Compose Academy مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Jetpack Compose Academy؟
لا تُشترط خبرة سابقة. Jetpack Compose Academy على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «StateFlow مقابل SharedFlow»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Jetpack Compose Academy هذا؟
نعم. كل درس في Jetpack Compose Academy يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- StateFlow مقابل SharedFlow
- تعيين التدفقات ودمجها
- stateIn وWhileSubscribed
- أحداث لمرة واحدة باستخدام Channels