View React Component

    View React component represents Framework7’s View component.

    • / F7View - single View-router component
    • Views / - wrapper element for multiple views used as Tabs

    Swipe-back related events are available only in iOS theme.

    EventDescription
    viewInitEvent will be triggered on View initialization
    viewResizeEvent will be triggered on Master Detail resize (when masterDetailResizable enabled)
    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 .f7View component’s property
    • main view (with main={true} prop) is always accessible via

    Minimal layout

    Views As Tabs

    With parameters

    ← Treeview