亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

react-pose 延遲姿勢組的高度過渡，直到孩子之后

react-pose 延遲姿勢組的高度過渡，直到孩子之后

Cats萌萌 2021-12-12 17:55:04
const Item = posed.div({  enter: {x: 0, opacity: 1},  exit: {x: 1000, opacity: 0}});<PoseGroup>  <Item key={whatever}></Item></PoseGroup>目前，當我從列表中刪除一個項目時，姿勢組 div 變短并且項目同時滑出。如何告訴姿勢組在更新姿勢組的高度之前等待項目完成動畫？要延遲一個項目，你添加delay到配置中，但我如何延遲一個姿勢組？
查看完整描述

1 回答

?
翻閱古今

TA貢獻1780條經驗 獲得超5個贊

您面臨的問題是PoseGroup每個退出元素的集合都position: absolute將其從元素的自然流中移除。這就是為什么其他元素會立即跳起來的原因。

PoseGroup提供了一個道具來關閉這個名為flipMove.

<PoseGroup flipMove={false}>

當一個元素退出時，Pose 將其從布局中取出并應用 position: absolute 以便它可以檢測周圍元素的新位置并通過 FLIP 進行動畫處理。

雖然它試圖找出正確匹配的變換原點，但有時會失敗。設置 flipMove={false} 將防止這些問題。

來源：https : //popmotion.io/pose/api/posegroup/

這是您的代碼的工作示例：https : //codesandbox.io/s/jovial-beaver-3o6m3


查看完整回答
反對 回復 2021-12-12
  • 1 回答
  • 0 關注
  • 174 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號