Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-native-wheel-picker-android

Package Overview
Dependencies
Maintainers
1
Versions
31
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-native-wheel-picker-android - npm Package Compare versions

Comparing version 1.0.3 to 1.1.0

src/assets/datePicker.gif

16

index.js

@@ -1,10 +0,10 @@

import WheelPicker from './WheelPicker';
import TimePicker from './TimePicker';
import DatePicker from './DatePicker';
/**
* @prettier
* @flow
* */
import WheelPicker from './src/WheelPicker'
import TimePicker from './src/TimePicker'
import DatePicker from './src/DatePicker'
export {
WheelPicker,
TimePicker,
DatePicker,
};
export { WheelPicker, TimePicker, DatePicker }
{
"name": "react-native-wheel-picker-android",
"version": "1.0.3",
"version": "1.1.0",
"description": "Simple Wheel Picker for Android to use with react-native",

@@ -15,5 +15,7 @@ "main": "index.js",

"picker",
"wheel-picker"
"wheel-picker",
"date-picker",
"date-wheel-picker"
],
"author": "Artem Kosiakevych <artem.kosiakevych@eleken.co>",
"author": "Artem Kosiakevych <artem.kosiakevych@gmail.com>",
"license": "MIT",

@@ -24,33 +26,5 @@ "bugs": {

"homepage": "https://github.com/ElekenAgency/ReactNativeWheelPicker",
"scripts": {
"fix": "eslint --fix",
"lint": "eslint .",
"test": "ava"
},
"ava": {
"babel": "inherit",
"files": [ "Tests/**/*.js", "!Tests/Setup.js" ],
"require": [
"babel-register",
"babel-polyfill",
"react-native-mock/mock",
"./Tests/Setup"
]
},
"dependencies": {
"moment": "^2.18.1"
},
"devDependencies": {
"ava": "^0.17.0",
"eslint": "^3.12.2",
"eslint-config-airbnb": "^13.0.0",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^2.2.3",
"eslint-plugin-react": "^6.8.0",
"pre-commit": "^1.2.2",
"react-native-mock": "^0.2.9"
},
"pre-commit": [
"test"
]
"moment": "2.22.0"
}
}

@@ -8,4 +8,7 @@ # ReactNativeWheelPicker

For IOS you can use a [good Picker for IOS](https://facebook.github.io/react-native/docs/pickerios.html#onvaluechange)
[and DatePicker for IOS](https://facebook.github.io/react-native/docs/datepickerios.html)
## Installation Android
1. `npm install react-native-wheel-picker-android --save`
1. `yarn add react-native-wheel-picker-android`
2. `react-native link react-native-wheel-picker-android`

@@ -17,3 +20,3 @@

import {WheelPicker, DatePicker, TimePicker} from 'react-native-wheel-picker-android'
import { WheelPicker, DatePicker, TimePicker } from 'react-native-wheel-picker-android'
import React, { Component } from 'react';

@@ -27,6 +30,7 @@ import {

const wheelPickerData = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday','Saturday'];
const now = new Date()
class MyPickers extends Component {
render() {
let now = new Date()
let wheelPickerData = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
return (

@@ -70,3 +74,3 @@ <View style={styles.container}>

wheelPicker: {
width:200,
width: 200,
height: 150

@@ -82,3 +86,3 @@ }

![](./src/wheelPicker.gif)
![](./src/assets/wheelPicker.gif)

@@ -94,3 +98,3 @@ ```js

<WheelPicker
onItemSelected={(event)=>{console.log(event)}}
onItemSelected={(event)=>{/* do something */}}
isCurved

@@ -138,3 +142,3 @@ isCyclic

![](./src/timePicker.gif)
![](./src/assets/timePicker.gif)

@@ -146,4 +150,4 @@ ```js

render() {
let minutesArray = ['00', '15', '30', '45'];
let now = new Date();
const minutesArray = ['00', '15', '30', '45'];
const now = new Date();
return (

@@ -175,3 +179,3 @@ <TimePicker

![](./src/datePicker.gif)
![](./src/assets/datePicker.gif)

@@ -186,4 +190,4 @@ ```js

<DatePicker
initDate={now.toISOString()}
onDateSelected={(date)=> this.onDateSelected(date)}/>
initDate={now.toISOString()}
onDateSelected={(date)=> this.onDateSelected(date)}/>
);

@@ -190,0 +194,0 @@ }

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc