@react-native-community/slider/js/RNCSliderNativeComponent.js

React Native component used to select a single value from a range of values.

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 *
 * @format
 * @flow
 */

'use strict';

import {requireNativeComponent} from 'react-native';

import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
import type {ImageSource} from 'react-native/Libraries/Image/ImageSource';
import type {NativeComponent} from 'react-native/Libraries/Renderer/shims/ReactNative';
import type {SyntheticEvent} from 'react-native/Libraries/Types/CoreEventTypes';
import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';

type Event = SyntheticEvent<
  $ReadOnly<{|
    value: number,
    fromUser?: boolean,
  |}>,
>;

type NativeProps = $ReadOnly<{|
  ...ViewProps,
  disabled?: ?boolean,
  enabled?: ?boolean,
  inverted?: ?boolean,
  maximumTrackImage?: ?ImageSource,
  maximumTrackTintColor?: ?ColorValue,
  maximumValue?: ?number,
  minimumTrackImage?: ?ImageSource,
  minimumTrackTintColor?: ?ColorValue,
  minimumValue?: ?number,
  onChange?: ?(event: Event) => void,
  onRNCSliderSlidingStart?: ?(event: Event) => void,
  onRNCSliderSlidingComplete?: ?(event: Event) => void,
  onRNCSliderValueChange?: ?(event: Event) => void,
  step?: ?number,
  testID?: ?string,
  thumbImage?: ?ImageSource,
  thumbTintColor?: ?ColorValue,
  trackImage?: ?ImageSource,
  value?: ?number,
|}>;

type RNCSliderType = Class<NativeComponent<NativeProps>>;

const RNCSliderNativeComponent = ((requireNativeComponent(
  'RNCSlider',
): any): RNCSliderType);
export default RNCSliderNativeComponent;