react-native-calendar-strip
react-native-calendar-strip copied to clipboard
Cannot change the dayContainerStyle height
Hi!
I'm using this component in my project but the designer prototyped with a height, as the following:
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:
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