Hacktoberfest 2026: die Issues, die Maintainer für den Oktober markiert haben – offen und einsteigerfreundlich. Hacktoberfest-Issues durchsuchen

Error when putting children inside `<Slider/>` component

Geschlossen
#512 3 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Maintainer antworten meist innerhalb von 1 Tag

Dieses Issue hat noch niemand übernommen.

Bewertung

Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Anfängerfreundlichkeit
35/100
Issue-Typ
Bug
Klarheit
Größtenteils klar
Aktivitätsstatus
Veraltet
Tech-Stack
react-native, typescript
Bereich
mobile

Rechercherichtung

Beginne damit, das bereitgestellte Slider-with-Text-Beispiel auf dem Android-Emulator zu reproduzieren, und verfolge dann, wie Slider children behandelt und an welcher Stelle die ReactSlider view als ViewGroup behandelt wird. Als erledigt gilt die Aufgabe, wenn das Beispiel auf Android ohne den Cast-Fehler läuft und dabei das bestehende Verhalten auf dem iPhone erhalten bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Beschreibung

bug report platform: Android

Environment

Expo version: 0.7.1
Android Emulator: Pixel_XL_API_30

  • react-native info output:
// react-native info
  • are you using the new architecture?
    yes
  • which version of react & react-native are you using?
    "react": "18.2.0",
    "react-native": "0.71.8",

Description

When running my project in the emulator this error happens: abi48_0_0.com.reactnativecommunity.slider.ReactSlider cannot be cast to android.view.ViewGroup
When running it on a physical iPhone device it just work.

Screenshot 2023-05-25 at 9 36 22 PM
Screenshot 2023-05-25 at 9 37 36 PM

Reproducible Demo

<Slider style={styles.slider} minimumValue={0} maximumValue={120} value={playBackTime.min + playBackTime.sec} minimumTrackTintColor={trackSliderColor} maximumTrackTintColor={textColorWhite} > <Text>{${playBackTime.hour}:${playBackTime.min}:${playBackTime.sec}</Text></Slider>

Vorherrschende Sprache
TypeScript
Sterne
1.4k
Forks
295
Ø Merge
4 T. 12 Min.
Gemergte PRs (30 T.)
7

Entwicklungsumgebung

Erste Schritte

  1. Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
  3. Forken Sie das Repository und arbeiten Sie in einem Branch.
  4. Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.

Mehr aus callstack/react-native-slider

Alle Issues in callstack/react-native-slider

Ähnliche Issues

Weitere Issues zu TypeScript

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.