Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Slider thumb not aligning with mouse arrow

Chiusa
  • Qualcosa non va?
#713 3 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
35/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
react-native, typescript
Ambito
mobile

Direzione di ricerca

Inizia con la demo riproducibile TSX SliderSetting fornita in React Native usando Expo, con @react-native-community/slider 4.5.6. Riproduci la posizione del thumb rispetto alla freccia del mouse usando le impostazioni mostrate di intervallo, passo e larghezza, quindi analizza il comportamento dello slider per determinare la discrepanza. Il lavoro è completato quando il thumb è allineato al puntatore preservando gli aggiornamenti di valore mostrati.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

bug report

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>
    )
}
Lingua principale
TypeScript
Stelle
1.4k
Fork
296
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di callstack/react-native-slider

Tutte le issue di callstack/react-native-slider

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.