BugiDev / BugiDev/react-native-calendar-strip
Calendar Strip Margins
- Dominant language
- JavaScript
- Stars
- 976
- Forks
- 336
- PR merge metrics
- No merged PRs in 30d
Description
I have an issue where there is a gap which I cant get rid of to properly align all my elements. Here is a photo:

As you can see, I can't figure out how to align the header and day container. I have tried padding and margin settings. As of now, I am setting the overall style with the following properties:
` calendarStrip: {
paddingLeft: Spacing.L,
paddingRight: Spacing.L,
height: calendarStripHeight,
marginTop: Spacing.S,
borderBottomColor: Colors.LIGHT_GRAY,
borderBottomWidth: 1,
},
`
Contributor guide
Research direction
Start with the calendarStrip styling shown in the issue and inspect how the header and day container are laid out. Reproduce the screenshot's alignment gap, then verify that the header and day container align without unwanted spacing.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react-native
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100