|
|
Add the dependency:
npm i react-native-monthly"@freakycoder/react-native-bounceable": ">= 0.2.4",import RNMonthly from "react-native-monthly";<RNMonthly numberOfDays={31} activeDays={[1, 5, 6, 11, 21, 31]} /><RNMonthly
numberOfDays={30}
activeBackgroundColor="green"
inactiveBackgroundColor="#E6FFDE"
activeDays={[1, 5, 6, 11, 21, 31]}
/><RNMonthly
numberOfDays={28}
activeBackgroundColor="#9C1818"
inactiveBackgroundColor="#FFDEDE"
activeDays={[1, 5, 6, 11, 21, 31]}
/>You can checkout the example project 🥰
Simply run
npm ireact-native run-ios/android
should work of the example project.
| Property | Type | Default | Description |
|---|---|---|---|
| numberOfDays | number | 31 | change days of the month it should be more than 28 and less than 31 |
| activeDays | number[] | undefined | set the active days |
| style | ViewStyle | default | set or override the style object for the main container |
| today | number | undefined | enable the today's selected item or any other |
| Property | Type | Default | Description |
|---|---|---|---|
| activeBackgroundColor | color | "#49c1c2" | change the active background color |
| inactiveBackgroundColor | color | "#f0f0f0" | change the inactive background color |
| todayTextStyle | TextStyle | default | set or override the style object for the today text style |
| itemContainerStyle | ViewStyle | default | set or override the style object for the each item container |
| onPress | function | undefined | set your own logic for the button functionality when it is pressed |
-
LICENSE -
Today Feature - Write an article about the lib on Medium
Insipired on Martyna Zielińska
FreakyCoder, [email protected]
React Native Monthly is available under the MIT license. See the LICENSE file for more info.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent