react-native-calendar-strip icon indicating copy to clipboard operation
react-native-calendar-strip copied to clipboard

Cannot change the dayContainerStyle height

Open GabrielDvt opened this issue 1 year ago • 2 comments

Hi!

I'm using this component in my project but the designer prototyped with a height, as the following:

image

But whenever I try to change the height of the dayContainerStyle, seems like there is a parent element that does not allow me to do that.

Here is a result:

WhatsApp Image 2023-07-16 at 11 12 23

This is how i'm using the component:

<View>
			<ReactNativeCalendarStrip
				locale={{
					name: "pt-br",
					config: {
						months:
							"Janeiro_Fevereiro_Março_Abril_Maio_Junho_Julho_Agosto_Setembro_Outubro_Novembro_Dezembro".split(
								"_"
							),
						monthsShort:
							"jan_fev_mar_abr_mai_jun_jul_ago_set_out_nov_dez".split("_"),
						weekdays:
							"domingo_segunda-feira_terça-feira_quarta-feira_quinta-feira_sexta-feira_sábado".split(
								"_"
							),
						weekdaysShort: "dom_seg_ter_qua_qui_sex_sáb".split("_"),
						weekdaysMin: "Do_Se_Te_Qu_Qu_Se_Sa".split("_"),
					},
				}}
				scrollable
				style={{
					height: 120,
					paddingTop: 20,
					paddingBottom: 10,
				}}
				markedDates={props.markedDates}
				daySelectionAnimation={{
					type: "background",
					highlightColor: colors.primary,
					duration: 100,
				}}
				dayContainerStyle={{
					height: 70,
					width: 40,
					paddingLeft: 10,
				}}
				highlightDateNumberStyle={{ color: colors.white }}
				highlightDateNameStyle={{ color: colors.white }}
				calendarColor={colors.white}
				calendarHeaderStyle={{ color: "black" }}
				dateNumberStyle={{ color: "black" }}
				dateNameStyle={{ color: "black" }}
				iconContainer={{ flex: 0.1 }}
				onDateSelected={(data) => {
					let auxDate = moment(data).toDate();
					setDate(auxDate);
				}}
				selectedDate={date}
			/>
		</View>
		```


	
Is there a way I can reach this result with this component? thank you

GabrielDvt avatar Jul 16 '23 14:07 GabrielDvt