Interface SeekBarProps

interface SeekBarProps {
    chapterMarkers?: ((index?) => ReactNode);
    onScrubbing?: ((scrubberTime) => void);
    renderAboveThumbComponent?: ((isScrubbing, scrubberTime, seekBarWidth) => ReactNode);
    sliderContainerStyle?: ViewStyle;
    sliderMaximumTrackStyle?: ViewStyle;
    sliderMinimumTrackStyle?: ViewStyle;
    style?: StyleProp<ViewStyle>;
    testID?: string;
    thumbStyle?: StyleProp<ViewStyle>;
    thumbTouchSize?: ThumbDimensions;
}

Properties

chapterMarkers? onScrubbing? renderAboveThumbComponent? sliderContainerStyle? sliderMaximumTrackStyle? sliderMinimumTrackStyle? style? testID? thumbStyle? thumbTouchSize?

Properties

Optional chapterMarkers

chapterMarkers?: ((index?) => ReactNode)

Optional

Type declaration

    • (index?): ReactNode

    • Parameters

      • Optional index: number

      Returns ReactNode

Optional onScrubbing

onScrubbing?: ((scrubberTime) => void)

Callback for slider value updates. The provided callback will not be debounced.

Type declaration

    • (scrubberTime): void

    • Parameters

      • scrubberTime: undefined | number

      Returns void

Optional renderAboveThumbComponent

renderAboveThumbComponent?: ((isScrubbing, scrubberTime, seekBarWidth) => ReactNode)

Optional override the component that is rendered above the thumbnail.

Type declaration

    • (isScrubbing, scrubberTime, seekBarWidth): ReactNode

    • Parameters

      • isScrubbing: boolean
      • scrubberTime: undefined | number
      • seekBarWidth: number

      Returns ReactNode

Optional sliderContainerStyle

sliderContainerStyle?: ViewStyle

Optional style applied to the SeekBar container.

Optional sliderMaximumTrackStyle

sliderMaximumTrackStyle?: ViewStyle

Optional style applied to the track right of the thumb.

Optional sliderMinimumTrackStyle

sliderMinimumTrackStyle?: ViewStyle

Optional style applied to the track left of the thumb.

Optional style

style?: StyleProp<ViewStyle>

Optional style applied to the SeekBar.

Optional testID

testID?: string

An id used to locate this view in end-to-end tests.

Default

'seek-bar'

Optional thumbStyle

thumbStyle?: StyleProp<ViewStyle>

Optional style applied to the thumb of the slider.

Optional thumbTouchSize

thumbTouchSize?: ThumbDimensions

Expose thumbTouchSize prop to allow custom thumb touch size.

Settings

Member Visibility

Theme

On This Page

chapterMarkersonScrubbingrenderAboveThumbComponentsliderContainerStylesliderMaximumTrackStylesliderMinimumTrackStylestyletestIDthumbStylethumbTouchSize