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 }]} />
添加回答
舉報(bào)