How to remove space between date rows react native calendars

Issue

enter image description here

how to remove space between date rows and 2nd question how to align day names from top to left side

I want days on left side not on top

Solution

The Calendar component can receive theme prop. you can pass the follow:

theme={{ 'stylesheet.calendar.header': { header: { flexDirection: 'row', justifyContent: 'space-between', paddingLeft: 100, paddingRight: 100, marginTop: 6, alignItems: 'center' } } }}

or you can get help from the post : https://morioh.com/p/026cbeaeb2a3

Answered By - Ikram Akbar