Hacktoberfest 2026 : les issues que les mainteneurs ont marquées pour octobre, ouvertes et accessibles aux débutants. Parcourir les issues Hacktoberfest

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

Ouverte
#512 3 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

Évaluation

Difficulté
3/5
Temps estimé
1-2 jours
Accessibilité débutants
35/100
Type d'issue
Bug
Clarté
Plutôt claire
Activité
À l'abandon
Stack technique
react-native, typescript
Domaine
mobile

Piste de recherche

Commencez par reproduire l’exemple fourni de Slider-with-Text sur l’émulateur Android, puis suivez la manière dont Slider gère children et l’endroit où la vue ReactSlider est traitée comme un ViewGroup. La tâche est terminée lorsque l’exemple s’exécute sur Android sans l’erreur de cast, tout en préservant le comportement existant sur iPhone.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Description

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>

Langage dominant
TypeScript
Étoiles
1.4k
Forks
295
Métriques de merge des PR
Aucune PR mergée en 30 j

Préparer son environnement

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Autres issues de callstack/react-native-slider

Toutes les issues de callstack/react-native-slider

Issues similaires

Plus d'issues TypeScript

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.