Pinch to zoom

You can set allowPinchToZoom= 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