指南
挑選你眼前的工作。每篇指南說明的是行為而不只是語法:什麼會開始、什麼會中斷、什麼會被清理。
- 值與 style在元件中持有一個值,以 calc() 推導輸出,並選擇 CSS 變數寫入的位置。
- 時間曲線、彈簧與組合選擇驅動器、組合多個驅動器,並確切知道停止或取代時會發生什麼。
- Animated 元件渲染一般元素,讓它們移動到目的地、回應手勢並優雅地離場。
- 輸入與手勢把指標、拖曳、捲動等輸入寫進值,並讓其他值追隨它們。
- 進場、離場與版面保留離場的子元素直到動態結束,並為位置與尺寸的變化加上動畫,甚至跨越元件。
- 時間軸用一個可跳轉的時鐘驅動多條軌道:播放、暫停、跳轉、倒轉與變速。
- 從 React Native 轉過來哪些不變、哪些不同,以及 Web 額外提供了什麼。
- 效能與播放Animated 如何避免每一格的工作、如何確認元素走的是哪條路徑,以及首頁的數據是如何測得的。
- SSR、測試與正式環境伺服器端渲染、hydration、測試,以及可以信賴的清理規則。