Skip to content

nazrdogan/react-native-stepper-touch

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react-native-stepper-touch

Alt Text

Usage

export default class App extends Component{
  state={
    value:0,
  };
  render() {
    return (
      <View style={styles.container}>
          <StepperTouch
              value={this.state.value}
              disabled={false}
              containerStyle={{backgroundColor:"#FF5722"}}
              signTextStyle={{fontSize:22}}
              circleTextStyle={{color:"#FF5722"}}
              innerContainerStyle={{paddingHorizontal:4}}
              radius={35}
              onValueChange={sign =>
                  this.setState({
                      value: sign === false ? this.state.value - 1 : this.state.value + 1,
                  })
              }
          />
      </View>
    );
  }
}

Try on Snack

https://snack.expo.io/@nazrdogan/steppertouch