第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

動(dòng)畫期間更新狀態(tài)會(huì)導(dǎo)致動(dòng)畫停止運(yùn)行

動(dòng)畫期間更新狀態(tài)會(huì)導(dǎo)致動(dòng)畫停止運(yùn)行

紅顏莎娜 2023-07-06 19:50:33
我正在嘗試使用可拖動(dòng)組件,拖動(dòng)時(shí)還會(huì)創(chuàng)建類似進(jìn)度條的效果。它幾乎可以工作,但我發(fā)生了一些奇怪的事情。在我的onDrag處理程序中,我更新了欄的狀態(tài),以便欄可以呈現(xiàn)適當(dāng)?shù)膶挾?。但是一旦我設(shè)置了狀態(tài),我的動(dòng)畫就會(huì)重置,因?yàn)閮?nèi)部panResponder會(huì)重新創(chuàng)建自身。我是反應(yīng)(和反應(yīng)本機(jī))的新手。有幾個(gè)類似的問題,但我無法弄清楚他們正在做什么來解決問題。
查看完整描述

1 回答

?
慕尼黑的夜晚無繁華

TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超6個(gè)贊

當(dāng)你改變狀態(tài)時(shí),他會(huì)再次渲染所有內(nèi)容,并根據(jù)你給他的數(shù)字再次給你 X 的位置


可以使用Animated組件來改變拖動(dòng)寬度而不改變狀態(tài)


給你附上一個(gè)例子


成功地 :)


添加導(dǎo)入


import React, { useState, useRef } from 'react';

import { Text, View, StyleSheet, Animated } from 'react-native';

添加參考動(dòng)畫值


const widthAnim = useRef(new Animated.Value(0)).current;

改變動(dòng)畫值


const onDrag=(event, gestureState)=> {

? let width = Math.min(Math.max(gestureState.moveX, iconSize), dragWidth);

? Animated.timing(widthAnim, {

? ? toValue: Math.max(width - padding, 0),

? ? duration: 1,

? }).start();

}

現(xiàn)在在 bar 組件中使用它!


<Animated.View style={[styles.bar, { width: widthAnim }]} />

查看完整回答
反對(duì) 回復(fù) 2023-07-06
  • 1 回答
  • 0 關(guān)注
  • 150 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)