UWP - Vertical FlipView example

MainPage.xaml 

<Page
    x:Class="UniversalAppTutorials.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:UniversalAppTutorials"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    >
    <FlipView 
        x:Name="FlipView1" 
        Background="OldLace" 
        Padding="25"
        >
        <!--- Make Vertical FlipView -->
        <FlipView.ItemsPanel>
            <ItemsPanelTemplate>
                <!-- Use vertical stack panel to create vertical flip view -->
                <VirtualizingStackPanel Orientation="Vertical"/>
            </ItemsPanelTemplate>
        </FlipView.ItemsPanel>
            
        <!-- Item 1 -->
        <Viewbox MaxWidth="200" MaxHeight="200">
            <SymbolIcon Symbol="BackToWindow" Foreground="Navy"/>
        </Viewbox>

        <!-- Item 2 -->
        <Viewbox MaxWidth="200" MaxHeight="200">
            <SymbolIcon Symbol="CalendarReply" Foreground="Crimson"/>
        </Viewbox>

        <!-- Item 3 -->
        <Viewbox MaxWidth="200" MaxHeight="200">
            <SymbolIcon Symbol="DisableUpdates" Foreground="Olive"/>
        </Viewbox>

        <!-- Item 4 -->
        <Viewbox MaxWidth="200" MaxHeight="200">
            <SymbolIcon Symbol="Folder" Foreground="HotPink"/>
        </Viewbox>

        <!-- Item 5 -->
        <Viewbox MaxWidth="200" MaxHeight="200">
            <SymbolIcon Symbol="Document" Foreground="DeepSkyBlue"/>
        </Viewbox>
    </FlipView>
</Page>
More uwp tutorials