react-native-balloon-slider

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

react-native-balloon-slider

(★ 25)

Slider with a floating balloon animation. Works on iOS, Android and the web.

react-native-balloon-slider Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# react-native-balloon-slider

## (Unmaintained - please fork)

Slider with a floating balloon animation. Works on iOS, Android and the web.

> Based on [cuberto/balloon-picker](https://github.com/Cuberto/balloon-picker)

Try it out. Expo Snack:

https://snack.expo.io/@osamaq/react-native-balloon-slider

## Installation

```
$ yarn add react-native-balloon-slider
```

Dependencies:

```
$ yarn add react-native-reanimated react-native-gesture-handler
```

> RN < 0.60 users need to perform linking.

> For Expo users [[1]](https://docs.expo.io/versions/latest/sdk/reanimated/) [[2]](https://docs.expo.io/versions/latest/sdk/gesture-handler/).

iOS only:

```
$ npx pod-install ios
```

## Usage

```js
import BalloonSlider from "react-native-balloon-slider"

const App = () => {
  const balloonSlider = useRef()

const getSliderValue = () => {
    if (balloonSlider.current) {
      console.log(balloonSlider.current.getValue())
    }
  }

return (
    <View style={styles.main}>
      <View style={styles.slider}>
        <BalloonSlider min={0} max={100} ref={balloonSlider} />
      </View>
      <TouchableOpacity style={styles.btn} onPress={getSliderValue}>
        <MyButton />
      </TouchableOpacity>
    </View>
  )
}
```

## Props

```ts
interface BalloonSliderProps {
  tintColor?: string
  min: number
  max: number
}
```

## Methods

### `getValue()`

Imperative method for obtaining the current slider value.

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT

react-native-balloon-slider

react-native-balloon-slider Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

react-native-balloon-slider

react-native-balloon-slider Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README