在XAML中向Grid行添加TextCell报错问题咨询

嘿，我来帮你搞定这个报错的问题～

你遇到的核心问题是：TextCell不能直接添加到Grid的行中！

为什么会报错？ #

TextCell属于Cell类型控件，它是专门为列表类控件（比如ListView、TableView）设计的——这类控件需要统一的单元格模板来渲染列表项，TextCell就是用来提供这种预定义样式的单元格。而Grid是布局容器，它的子元素必须是View类型的控件（比如Label、Button、StackLayout这些），Cell和View属于不同的控件体系，直接放一起自然会报错。

怎么解决？ #

在Grid中显示文本，你应该用Label控件来替代TextCell，这是布局容器里的标准文本显示控件。

给你一个修正后的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:NameDisplay"
             x:Class="NameDisplay.MainPage">
    <Grid ColumnSpacing="5">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*"/>
            <ColumnDefinition Width="1*"/>
        </Grid.ColumnDefinitions>
        <!-- 用Label替代TextCell，实现文本显示 -->
        <Label Grid.Column="0" Text="第一列内容" VerticalOptions="Center" Margin="5"/>
        <Label Grid.Column="1" Text="第二列内容" VerticalOptions="Center" Margin="5"/>
    </Grid>
</ContentPage>

想要类似TextCell的标题+副标题样式？ #

如果你的需求是模拟TextCell的“主标题+副标题”效果，完全可以在Grid里用StackLayout嵌套两个Label来实现：

<Grid.ColumnDefinitions>
    <ColumnDefinition Width="1*"/>
</Grid.ColumnDefinitions>
<StackLayout Grid.Column="0" VerticalOptions="Center" Margin="5">
    <Label Text="主标题" FontSize="Medium" FontAttributes="Bold"/>
    <Label Text="副标题" FontSize="Small" TextColor="Gray"/>
</StackLayout>

最后划重点 #

所有Cell类型的控件（TextCell、ImageCell、SwitchCell等），只能用在ListView的ItemTemplate、TableView的TableSection这类列表场景中，绝对不能直接放到Grid、StackLayout这类布局容器里哦～

内容的提问来源于stack exchange，提问作者user87314