Slider thumb not aligning with mouse arrow

Environment

React Native using Expo.

"@react-native-community/slider": "4.5.6"

• are you using the new architecture?

• which version of react & react-native are you using?
  19

Description

https://github.com/user-attachments/assets/df54b088-ade4-4194-a06b-aa7f1e0ba771

Reproducible Demo

const SliderSetting= ({settingName}: SliderSettingProps)=> {
    const [value, setValue] = useState<number>(0.1);

    return (
        <View
            style={{
                display: 'flex',
                flexDirection: 'row',
                alignItems: 'center',
                gap: 24,
                // backgroundColor: '#0000ff70',
            }}
        >
            <Text
                style={{
                    fontFamily: 'doto_rounded-Black',
                    fontSize: 24,
                    // minWidth: 256,
                }}
            >{settingName}</Text>
            <Slider
                style={{
                    width: 512,
                }}
                minimumValue={0}
                maximumValue={0.5}
                step={0.05}
                value={value}
                onValueChange={setValue}
                minimumTrackTintColor="black"
                maximumTrackTintColor="yellow"
                thumbTintColor="black"
            ></Slider>
            <Text
                style={{
                    fontFamily: 'doto_rounded-Black',
                    fontSize: 24,
                    minWidth: 256,
                }}
            >{value}</Text>
        </View>
    )
}

Bắt đầu với bản demo TSX SliderSetting có thể tái hiện được đã cung cấp trong React Native bằng Expo, sử dụng @react-native-community/slider 4.5.6. Tái hiện vị trí của thumb so với mũi tên chuột bằng các cài đặt phạm vi, bước và chiều rộng được hiển thị, sau đó kiểm tra hành vi của slider để xác định sự không khớp. Được xem là hoàn tất khi thumb thẳng hàng với con trỏ mà vẫn giữ nguyên các cập nhật giá trị được minh họa.