Phân biệt Flow và StateFlow trong lập trình Android

 

Câu chuyện về Flow và StateFlow

Hãy tưởng tượng bạn đang ở một quán cà phê để tham gia một cuộc họp. Có hai kiểu nhân viên phục vụ, tương ứng với Flow và StateFlow:

Flow: Người phục vụ chỉ chuyển tiếp từng thông điệp một

Bạn gọi một ly cà phê và ngồi chờ.
Người phục vụ (Flow) chỉ mang đến từng thông tin một khi có, ví dụ:

  • "Ly cà phê của bạn đang được pha chế."
  • "Ly cà phê của bạn đang được bưng ra."
  • "Đây là cà phê của bạn, mời bạn dùng."

Nếu bạn đến muộn, bạn sẽ không nhận được các thông tin đã xảy ra trước đó, bởi vì người phục vụ chỉ cung cấp thông tin hiện tại.

Đặc điểm Flow trong câu chuyện:

  • Flow phát ra luồng dữ liệu từng cái một, theo thứ tự thời gian.
  • Flow không giữ lại thông tin nào nếu bạn đến muộn.

StateFlow: Người phục vụ luôn cập nhật trạng thái hiện tại

Bây giờ, giả sử bạn đang tham gia một cuộc họp trong phòng riêng, và nhân viên phục vụ (StateFlow) sẽ luôn đảm bảo bạn biết trạng thái hiện tại của quán cà phê.

Ví dụ:

  1. Lúc bạn bước vào, nhân viên báo ngay: "Quán đang pha cà phê."
  2. Khi pha xong: "Cà phê của bạn đã sẵn sàng."
  3. Nếu bạn rời phòng họp và quay lại sau, nhân viên sẽ vẫn báo: "Cà phê của bạn đang chờ trên bàn."

Đặc điểm StateFlow trong câu chuyện:

  • StateFlow luôn giữ trạng thái mới nhất, và bất kỳ ai tham gia vào đều nhận được trạng thái hiện tại.
  • Nó không phát từng thông điệp riêng lẻ theo thời gian, mà chỉ cho bạn biết hiện tại đang ở đâu.

Kết luận từ câu chuyện

  • Flow giống như một luồng thông điệp diễn ra theo thời gian, không lưu trữ quá khứ.
  • StateFlow giống như bảng thông báo hiện trạng, luôn cập nhật trạng thái mới nhất và bất kỳ ai tham gia sau đều thấy trạng thái hiện tại.

Ứng dụng thực tế:

  • Dùng Flow khi cần xử lý chuỗi sự kiện hoặc dữ liệu liên tục, ví dụ: theo dõi log sự kiện.
  • Dùng StateFlow khi cần lưu và cập nhật trạng thái, ví dụ: quản lý trạng thái UI trong ViewModel.

Giải thích rõ hơn để bạn nắm rõ cách hoạt động của Flow và StateFlow trong trường hợp code thực tế:

Flow:

  • Đặc điểm: Flow là "cold stream" (luồng lạnh), nghĩa là nó chỉ bắt đầu thu thập dữ liệu khi có một "collector" đang hoạt động (đang collect).
  • Hoạt động: Nếu collector không còn hoạt động (như khi Activity hoặc Fragment bị dừng do vào trạng thái paused hoặc stopped), thì dữ liệu sẽ không được thu thập nữa. Tức là, Flow sẽ không lưu trữ giá trị trước đó hoặc giữ trạng thái.
  • Kết quả: Dữ liệu sẽ bị mất nếu không có collector hoạt động tại thời điểm đó.

StateFlow:

  • Đặc điểm: StateFlow là "hot stream" (luồng nóng) và giữ trạng thái hiện tại. Nó lưu giữ giá trị mới nhất và sẽ gửi giá trị đó đến collector bất cứ khi nào collector trở lại hoạt động.
  • Hoạt động: Ngay cả khi Activity hoặc Fragment bị dừng, StateFlow vẫn lưu giữ giá trị hiện tại. Khi Activity hoặc Fragment được khởi động lại, collector sẽ nhận được giá trị cuối cùng.

Ví dụ minh họa

Hãy tưởng tượng bạn có một luồng Flow và StateFlow truyền thông báo từ một ViewModel:

Với Flow:

  1. Người gửi (Flow) liên tục phát ra các thông điệp: "A", "B", "C",...
  2. Khi bạn ở trạng thái hoạt động (active), bạn nhận được "A", "B".
  3. Khi bạn chuyển sang trạng thái tạm dừng (paused), bạn sẽ không nhận được thông báo "C", "D".
  4. Khi bạn quay lại trạng thái hoạt động, Flow không phát lại các thông báo đã bị bỏ lỡ, nó chỉ gửi thông điệp mới tiếp theo (nếu có).

Với StateFlow:

  1. Người gửi (StateFlow) phát ra thông điệp cuối cùng: "C".
  2. Khi bạn chuyển sang trạng thái tạm dừng (paused), StateFlow vẫn lưu trữ trạng thái cuối cùng ("C").
  3. Khi bạn quay lại trạng thái hoạt động, StateFlow gửi lại giá trị cuối cùng ("C") ngay lập tức.
  4. Nếu sau đó người gửi phát thêm "D", bạn sẽ nhận được "D" ngay khi nó được phát ra.

Tóm tắt

FlowStateFlow
Không lưu trạng thái.Luôn giữ trạng thái cuối cùng.
Không phát dữ liệu nếu collector không hoạt động.Phát lại giá trị mới nhất khi collector hoạt động.
Phù hợp với luồng dữ liệu một lần (one-shot).Phù hợp với trạng thái liên tục (state-driven).

Do đó, trong trường hợp Activity bị tạm dừng hoặc dừng hẳn:

  • Flow sẽ không nhận thông điệp.
  • StateFlow sẽ giữ giá trị hiện tại và gửi lại khi collector trở lại hoạt động.

Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Tài liệu Clickermann - by Mai Bao Long

Tìm keycode cho lệnh keypress: $i=0 waitms(3000) for ($i, $i<500)   print("Iteration ", $i)   keyPress($i)   waitms(1000) end_cyc Tìm keycode cho lệnh keydown-keyup: $i=0 waitms(5000) for ($i, $i<500)   print("Iteration ", $i)   keydown($i)   waitms(1000)   keyup($i)   waitms(1000) end_cyc Bảng mã : Phím Mã 1 (keypress) Mã 2 (keypress) Mã 3 (keydown-keyup) Mã 4 (keydown-keyup) A 65 118 B 66 119 C 67 120 D 68 121 E 69 144 F 70 3 145 G 71 36 103 H 72 38 104 I 73 33 105 J 74 109 K 75 37 100 L 76 12 101 M 77 39 102 N 78 107 O 79 35 97 P 80 40 98 Q 81 34 99 R 82 45 96 S 83 46 110 T 84 44 U 85 V 86 226 W 87 122 X 88 123 Y 89 Z 90 238 1 49 78 2 50 77 172 3 51 188 4 52 190 5 53 111 191 6 54 161 7 55 106 8 56 18 164 9 57 32 0 48 66 175 Tab 9 56 Shift 16 Ctrl 17 Alt 18 Space 32 68 173 Enter 13 187 Backspace 8 55 Caps Lock 20 84 Escape 27 221 F1 112 F2 113 233 F3 114 F4 115 193 F5 116 F6 117 F7 118 135 F8 119 ...
Đọc thêm

Code mẫu tự động phát hiện và lock window screen

Hình ảnh
*Giải thích flow: Khi chạy clickermann thì sẽ tự động tìm cửa sổ có tên "Windows PowerShell" mỗi 1s (0,5s cho lần đầu), khi tìm được thì sẽ lock lại và scale. Nếu screen đó bị tắt thì sẽ kích hoạt lắng nghe để lock và scale lại nếu phát hiện đồng thời sẽ kill 1 tiến trình khác tên là "Untitled - Paint"
Đọc thêm

Code trái tim

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>     <TITLE> New Document </TITLE>     <META NAME="Generator" CONTENT="EditPlus">     <META NAME="Author" CONTENT="">     <META NAME="Keywords" CONTENT="">     <META NAME="Description" CONTENT="">     <style>         html,         body {             height: 100%;             padding: 0;             margin: 0;             background: #000;         }         canvas {             position: absolute;             width: 100%;             height: 100%;             animation: heart...
Đọc thêm