![]() |
![]() |
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 i
react-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.