ScrollViewer无法在FlipView中运行

Question

我一直在努力寻找在FlipView内滚动的解决方案，但滚动工作不正常。我在我的页面中使用SplitView模板，并将FlipView放在Frame中。

<Frame>
<FlipView ItemsSource="{Binding QuranPages}" 
 SelectedItem="{Binding QuranPageSelectedItem, Mode=TwoWay}"
 Padding="20" FlowDirection="RightToLeft">
   <FlipView.ItemTemplate>
     <DataTemplate>
           <ScrollViewer  HorizontalScrollBarVisibility="Auto"
               VerticalScrollBarVisibility="Auto">
                   <Image  Stretch="UniformToFill"
                           Source="{Binding PageUri}" 
                   MaxWidth="{Binding DataContext.PageWidth,  ElementName=MyPage}"
                  MaxHeight="{Binding DataContext.PageHeight,  ElementName=MyPage}">
          </Image>
          </ScrollViewer>
  </DataTemplate>
 </FlipView.ItemTemplate>
 </FlipView>
</Frame>

在Page_SizeChanged事件中，我正在使用以下页面大小进行更新;

private void Page_SizeChanged(object sender, SizeChangedEventArgs e)
{
   this.model.PageWidth = Window.Current.Bounds.Width; //e.NewSize.Width-10;
   this.model.PageHeight = Window.Current.Bounds.Height;     //e.NewSize.Height-10;
}

我不明白为什么滚动不能正常工作，虽然它显示了滚动查看器，但它没有滚动。

更新1

我注意到它适用于其他图片，但它不适用于这些图片Image 1 Image 2 Image 3

更新2

这里我还添加了scrollviewer Image，你可以看到半个图像出现，另一半在scrollivewer结束时没有出现。

我的照片是PNG格式，我是否需要更改格式？

更新3

我添加了带有Image的scrollviewer。 scrollviewer似乎没问题，但是图片没有正确加载。

谢谢！