shenhuniurou / react-native-scroll-ruler

🍁ReactNative选择身高体重的滑动刻度尺，支持Android和iOS。

react-native-scroll-ruler

ReactNative版滑动刻度尺,兼容Android和iOS。

Gifs

Get Started

Installation

Step 1:

npm i react-native-scroll-ruler --save

or

yarn add react-native-scroll-ruler

Step 2:

react-native link react-native-scroll-ruler

That's all!

Usage

Simple

import RNScrollRuler from 'react-native-scroll-ruler';

<RNScrollRuler 
	style={{width: Util.size.width - 20, height: 100, backgroundColor: '#fff'}}
   	ref={(view) => {
   	}}
   	minValue={30}
   	maxValue={180}
   	step={1}
   	num={10}
   	unit={"kg"}
   	defaultValue={this.state.defaultWeight}
   	onSelect={(value) => {
    	this.setState({weight: value});
   	}}
></RNScrollRuler>


<RNScrollRuler 
	style={{width: Util.size.width - 20, height: 100, backgroundColor: '#fff'}}
   	ref={(view) => {
   	}}
   	minValue={120}
   	maxValue={250}
   	step={1}
   	num={10}
   	unit={"cm"}
   	defaultValue={this.state.defaultHeight}
   	onSelect={(value) => {
    	this.setState({height: value});
   	}}
></RNScrollRuler>

Props

Prop	Description	Type	Required
minValue	尺子显示的最小值	number	Y
maxValue	尺子显示的最大值	number	Y
defaultValue	尺子默认值	number	Y
step	两个大刻度之间的数值间隔	number	Y
num	两个小刻度之间的数值间隔	number	Y
unit	单位	string	N

Methods

Method	Description
onSelect	选中值后的回调方法

License

MIT

react-native-scroll-ruler's Issues

ios 无法滚动

hi 作者你好，我集成了你的代码，但是发现ios端uicollectionview无法滚动，不知道是什么原因

No podspec file was found

pod install

No podspec file was found

0.61.2
osx 10.15

React/RCTViewManager.h' file not found

Just after linking this library I am getting this error:

React-Native : 0.59.5
React-Native-cli : 2.0.1

No podfile

可不可以更新一下啊，添加一下podfile

Getting extra scale value printed larger then max value

I am getting one extra scale point for when I am passing max value lower i.e 10 and getting 20 printed on the scale

RNScrollRuler
style={{ width: width, height: 100, backgroundColor: "#fff" }}
ref={view => {}}
minValue={0}
maxValue={10}
step={1}
num={10}
defaultValue={5}
onSelect={value => {
console.log("this.state.weight ", value);
}}
/>