Xamarin Forms,Webview在内容顶部留有空白

时间:2018-08-03 11:39:35

标签: android ios webview xamarin.forms

当我使用webview时,它的顶部和底部有缝隙,或者如果水平放置,它的侧面有缝隙。如何使网络视图充满整个屏幕。

您可以在屏幕截图中看到蓝色区域是内容的背景颜色。为什么Webview不从顶部开始?

我还添加了一个标签,该标签正确地位于屏幕顶部。

    <?xml version="1.0" encoding="UTF-8"?>
       <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
         x:Class="WorkingWithWebview.MyPage" >
       <ContentPage.Content>
           <StackLayout VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand">
             <Label Text="this is a label showing its not the nav bar" BackgroundColor="Red"></Label>
             <WebView VerticalOptions="FillAndExpand" HorizontalOptions="FillAndExpand" 
             Source="https://www.google.com" WidthRequest="1000" HeightRequest="1000">

           </WebView>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>

enter image description here

2 个答案:

答案 0 :(得分:0)

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
        xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
<ContentPage.Content>
    <Grid HorizontalOptions="FillAndExpand"
          VerticalOptions="FillAndExpand">
        <WebView HorizontalOptions="FillAndExpand"
                 VerticalOptions="FillAndExpand">
            <WebView.Source>
                <HtmlWebViewSource Html="{Binding TermsAndConditions}"/>
            </WebView.Source>
        </WebView>
    </Grid>
</ContentPage.Content>

此设置对我来说很有效=)

答案 1 :(得分:0)

我遇到了同样的问题。如果你为你的应用设置了一个 iOS 故事板,这个差距就会消失。应用程序将根据启动屏幕或故事板的大小调整大小。什么都没有设置,它会给大尺寸的 iPhone 屏幕留下空白。