View React Component

    • / **F7View** - single View-router component
    • **Views** / - wrapper element for multiple views used as Tabs
    EventDescription
    viewInitEvent will be triggered on View initialization
    swipebackMoveEvent will be triggered during swipe back move
    swipeBackBeforeChangeEvent will be triggered right before swipe back animation to previous page when you release it
    swipeBackAfterChangeEvent will be triggered after swipe back animation to previous page when you release it
    swipeBackBeforeResetEvent will be triggered right before swipe back animation to current page when you release it
    swipeBackAfterResetEvent will be triggered after swipe back animation to current page when you release it
    tabShowEvent will be triggered when View-Tab becomes visible/active
    tabHideEvent will be triggered when View-Tab becomes invisible/inactive
    • by accessing component’s property
    • main view (with main={true} prop) is always accessible via this.$f7.views.main

    Minimal layout

    Views As Tabs

    With parameters