kibin/fiberops-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: SlideToConfirm color prop + TS errors that were crashing Metro bundler

Browse Source
This commit is contained in:
Nemo
2026-03-24 16:25:48 +08:00
parent 2325d5ad62
commit 77a395a2ef
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/SlideToConfirm.tsx
View File

@@ -17,12 +17,13 @@ interface Props {
label?: string; label?: string;
disabled?: boolean; disabled?: boolean;
style?: ViewStyle; style?: ViewStyle;
color?: string;
} }
const HANDLE_SIZE = 56; const HANDLE_SIZE = 56;
const THRESHOLD = 0.80; const THRESHOLD = 0.80;
export function SlideToConfirm({ onConfirm, label = 'Slide to confirm', disabled = false, style }: Props) { export function SlideToConfirm({ onConfirm, label = 'Slide to confirm', disabled = false, style, color }: Props) {
const trackWidth = useRef(0); const trackWidth = useRef(0);
const confirmed = useRef(false); const confirmed = useRef(false);
const translateX = useRef(new Animated.Value(0)).current; const translateX = useRef(new Animated.Value(0)).current;
@@ -85,7 +86,7 @@ export function SlideToConfirm({ onConfirm, label = 'Slide to confirm', disabled
return ( return (
<View <View
style={[styles.track, disabled && styles.trackDisabled, style]} style={[styles.track, disabled && styles.trackDisabled, color && !disabled ? { backgroundColor: color } : undefined, style]}
onLayout={e => { trackWidth.current = e.nativeEvent.layout.width; }} onLayout={e => { trackWidth.current = e.nativeEvent.layout.width; }}
> >
<Animated.View style={[StyleSheet.absoluteFill, styles.labelWrap, { opacity: labelOpacity }]} pointerEvents="none"> <Animated.View style={[StyleSheet.absoluteFill, styles.labelWrap, { opacity: labelOpacity }]} pointerEvents="none">