Scrollable Pivot with header

Ali Noshahi 26 Reputation points
2020-02-18T20:18:36.74+00:00

Hi there, I want to have a Pivot with a scrollable header so I made a style for my self like below

3041-pivotstyle.txt

And using this style I can have a header in my pivot using Tag property

    <Pivot>  
        <Pivot.Tag>  
                 <TextBlock Text="Hear is my header"/>  
        </Pivot.Tag>  
        <PivotItem Header="P1">  
        </PivotItem>  
        <PivotItem Header="P2">  
        </PivotItem>  
    <Pivot>  

But I have little problems with this style

  1. I can't scroll the header and when I put all the pivot in the ScrollViewer while I have an Incremental loading list inside my pivot items it will cause infinite loading of the content. It will call LoadMore function with no delay and load more and more every second
  2. If I have a header with height > PageFrameHeight it will show a blank page to me. like the screenshots below:

3031-screen.png

Is there any good style or control for solving my problem?
And for helping in answering I have to say my application "Winsta" Minimum target version is 14393 (Anniversary Update) and Target is 18362 or 19H1 update.
Also, I'm using Microsoft.Toolkit.UWP.UI.Controls package V2.2.0

Universal Windows Platform (UWP)
{count} votes