Flow 組件用于快速在多個頁面之間切換，將靜態屏幕轉換為交互流程。
Flow 組件的特別之處在于它知道你當前查看的屏幕是哪個。跟蹤操作歷史記錄，可以隨時來回導航。默認情況下有和原生機相識的轉換。切換時當前屏幕自動彈出視圖。
當添加覆蓋如模態對話框時，背景也是半透明的黑色疊加層。
來先給 Flow 組件添加一個圖層，很像添加圖層到Page 組件，第一個圖層沒有動畫。
# 創建Flow組件, 顯示圖層 layerA
flow = new FlowComponent
flow.showNext(layerA)
切換屏幕 Switching Screens
用 showNext 標簽添加下一個屏。
# 創建Flow組件, 顯示圖層
flow = new FlowComponent
flow.showNext(layerA)
# 點擊換屏
layerA.onClick ->
flow.showNext(layerB)
show-next
Framer 保持追蹤正在看哪屏，用 showPrevious 標簽可以切回上一屏。
# 切換到下一屏
layerA.onClick ->
flow.showNext(layerB)
# 切回到上一屏
layerB.onClick ->
flow.showPrevious()
show-previous
疊加 Overlays
使用 showOverlay 函數之一，可以覆蓋任何圖層，當前屏幕獲得半透明的深色背景。當覆蓋較小的圖層（如側邊欄或動作頁）時，最明顯。
您可以指定以下方向之一：
- showOverlayCenter
- showOverlayTop
- showOverlayRight
- showOverlayBottom
- showOverlayLeft
# 創建一個新 Flow 組件
flow = new FlowComponent
# model和button圖層在設計模式中添加
#點擊button時，modal覆蓋顯示在中間
button.onClick ->
flow.showOverlayCenter(modal)
nav-modal
滾動 Scrolling
超過FlowComponent的高度或寬度的任何子層自動變為可滾動。如果子級高于父級可以垂直滾動，寬于父級可以水平滾動。可以使用 flow.scroll 定位這個可滾動圖層。所有滾動都可以使用屬性和事件。
位于畫板頂部和底部的圖層將被識別為頁眉和頁腳，跟tab bar或者導航欄一樣。記著畫板的高度要超過設備高度才能正常使用。
要將一個固定的頁腳或標題添加到 Flow 組件中，可以使用頁眉 header 和頁腳 footer 屬性。
將它們定位到設備屏幕的頂部或底部，轉換到下一個屏幕后任然顯示。
# 將導航欄固定在頂部
flow.header = flowBar
# 將tab bar固定在底部
flow.footer = tabBar
滾動案例 Scrolling Example
查看下面的例子，設計模式中的畫板如何自動變成一個可滾動且有頁眉和頁腳的頁面。
