Skip to main content

Pinch to zoom

You can set allowPinchToZoom={true} to enable pinch to zoom function

Example

Example
import { SafeAreaView, Text } from 'react-native';
import React from 'react';
import { TimelineCalendar } from '@howljs/calendar-kit';

const Calendar = () => {
return (
<SafeAreaView style={styles.container}>
<TimelineCalendar
viewMode="week"
allowPinchToZoom
initialTimeIntervalHeight={60}
minTimeIntervalHeight={29}
maxTimeIntervalHeight={110}
/>
</SafeAreaView>
);
};

export default Calendar;

const style = StyleSheet.create({
container: { flex: 1, backgroundColor: '#FFF' },
});

Props

initialTimeIntervalHeight

Initial time interval height. Default is 60

number

minTimeIntervalHeight

Minimum time interval height. If you don't specify it, it will automatically scale to fit the screen

number

maxTimeIntervalHeight

Maximum time interval height. Default is 116

number