react-native-weekday-picker
v0.0.1
Published
A weekday picker for react-native and expo. Lets users pick days of the week, in a repeating alarm clock fashion
Downloads
49
Maintainers
Readme
react-native-weekday-picker
A weekday picker for React Native and Expo. Lets users pick days of the week as in a repeating alarm clock.
Installation
npm install react-native-weekday-picker
Import
import WeekdayPicker from "react-native-weekday-picker"
Example Usage
Requires a days object which is a mapping from weekdays to a bool
value represented by a 0
or a 1
let days = { 1:1, 2:1 , 3:1 , 4:1 , 5:1, 6:0, 0:0 }
<WeekdayPicker
days={days}
onChange={this.handleChange}
style={styles.picker}
dayStyle={styles.day}
/>
Properties
| Prop | Type | Default | Required | Description | Example |
|----------|----------|------------------------------------------|----------|----------------------------------------------------------------------------------------------------------|-------------------------------------------------------|
| days | Object | { 0:0, 1:0, 2:1, 3:0, 4:1, 5:0, 6:0 }
| | A mapping of days from weekdays to 0
and 1
as bool values. 0: Sunday 1: Monday ... 6: Saturday | |
| onChange | function | null | | Function called when a change is made. Takes a day
object as a parameter similar to the previous prop | handleChange = (days) => { this.setState(days)}
|
| style | Object | null | | StyleSheet
object for styling the WeekdayPicker wrapper | { padding: 30 }
|
| dayStyle | Object | null | | StyleSheet
object for styling the days wrappers | { margin: 5 }
|