xaml 预览器仅显示空白页答案

【问题标题】：xaml previewer showing only blank pagexaml 预览器仅显示空白页
【发布时间】：2018-01-09 20:43:23
【问题描述】：

我在 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>

【问题讨论】：

可能有不同的原因，因为您没有共享您的 XAML，我会尝试猜测。你有这个特定页面的无参数构造函数吗？
还要确保您熟悉官方文档：developer.xamarin.com/guides/xamarin-forms/xaml/xaml-previewer
@EvZ iam 能够在我的手机和模拟器中运行，但在 xaml 预览器中显示如下。所以 xaml 代码没有问题，似乎配置有问题
你没有回答我的第一个问题，请分享 XAML 和背后的代码。
@EvZ 添加了 xaml 代码

标签： visual-studio xamarin.forms

【解决方案1】：

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

您的页面应该只包含一个根元素，但您有 2 个，Label 和 StackLayout。所以请设置使用单个视图或带有子视图的布局。作为快速修复，将您的标签放在 StackLayout 中或直接删除它，因为它包含默认的欢迎消息。
您的颜色无效，应该是#ff77D065 而不是##ff77D065。

XAML 预览可能效果不太好，有一些替代方案可以使用，例如 Xamarin Live Player。

P.S.：我强烈建议启用 XAMLC，这样您在构建时会收到有关 XAML 异常的通知，当然还要熟悉 XAML official documentation。

【讨论】：