xaml预览器仅显示空白页面

时间:2018-01-09 12:05:08

标签: visual-studio xamarin.forms

我在visual studio 2017中创建了简单的xamarin表单应用程序。当我用xaml预览器打开一个xaml文件时,xaml预览器只显示带有文本“XFPagerendererview”的空白页面作为附带的截图。请帮助

Xaml文件

    <?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:App1"
             x:Class="App1.MainPage">

    <Label Text="Welcome to Xamarin Forms!" 
           VerticalOptions="Center" 
           HorizontalOptions="Center" />

    <StackLayout Spacing="20" Padding="50" VerticalOptions="Center">
        <Entry x:Name="user_id" Placeholder="Mail id"></Entry>
        <Entry x:Name="password" Placeholder="Password" IsPassword="True"></Entry>
        <Button Text="Log In" TextColor="White" BackgroundColor="##ff77D065" Clicked="NavigateButton_OnClicked"></Button>
    </StackLayout>

</ContentPage>

enter image description here

1 个答案:

答案 0 :(得分:0)

由于您没有发布完整代码,因此很难说您的确切问题是什么,但我可以在您的XAML中发现一些问题:

  1. 您的网页应该只包含一个根元素,但您有2个,LabelStackLayout。因此,请设置使用单个视图或具有子视图的布局。快速修复将您的标签放在StackLayout内或只是将其删除,因为它包含默认的欢迎信息。

  2. 您的颜色无效,应该是#ff77D065而不是## ff77D065。

  3. XAML预览可能效果不佳,有一些替代方法可以用于Xamarin Live Player

    P.S。:我强烈建议您启用XAMLC,以便在构建时收到有关XAML异常的通知,当然也会熟悉XAML official documentation