Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Render custom component above thumb

Abierto
  • ¿Algo no está bien?
#605 0 comentarios 1 reacción 1 asignado Ver en GitHub

@BartoszKlonowski ya está trabajando en esto.

Desde el 10/9/2024.

Evaluación

Este issue todavía no se ha evaluado.

Descripción

question

Ask your Question

i have requirement to render custom component with dynamic value above the thumb like this

image

I took a look at the code and there is no way for now to render custom component/element above the thumb.

maybe we can do something like this?

export const SliderTrackMark = ({
  isTrue,
  thumbImage,
  StepMarker,
+ index
+ renderAboveThumbComponent
}: TrackMarksProps) => {
  return (
    <View style={styles.trackMarkContainer}>
      {StepMarker ? <StepMarker stepMarked={isTrue} /> : null}
      {thumbImage && isTrue ? (
        <>
+           {renderAboveThumbComponent(index)}
            <View style={styles.thumbImageContainer}>
              <Image source={thumbImage} style={styles.thumbImage} />
            </View>
        </>
      ) : null}
    </View>
  );
};

API name inspired by https://github.com/miblanchard/react-native-slider/blob/cb80d87c7f80f27856613e18459c80c70d638df7/README.md?plain=1#L88

maybe one consideration, from windows example
there is already a box with step value rendered above the thumb.
image

is it gonna be a conflict if we implement this?
or is there a better way to handle this case?

Lenguaje dominante
TypeScript
Estrellas
1.4k
Forks
296
Sin PR fusionados en 30 d

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de callstack/react-native-slider

Todos los issues de callstack/react-native-slider

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.