Xtykutl

I want to maintain a completely declarative UI with Xamarin data binding.

I followed this thread which is a nightmare that doesn't end well.
https://forums.xamarin.com/discussion/19874/listview-inside-stacklayout-a-height-problem/p2

They essentially settled on this, attempting to dynamically size the listviews based on the content (looks brittle): Xamarin.Forms ListView size to content?

Using this code, my listviews yield a bunch of blank space after the actual content. Totally out of control. Yes, I tried HasUnevenRows="true"

    <ScrollView>

    <Grid >

        <Grid.RowDefinitions>

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

            <RowDefinition Height="Auto" />

        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="Auto" />                

        </Grid.ColumnDefinitions>



        <Grid Grid.Row="0">

            <Grid.RowDefinitions>

                <RowDefinition Height="Auto" />

                <RowDefinition Height="Auto" />

            </Grid.RowDefinitions>

            <Grid.ColumnDefinitions>

                <ColumnDefinition Width="Auto" />

                <ColumnDefinition Width="Auto" />

            </Grid.ColumnDefinitions>

            <Label Grid.Row ="0" Grid.Column="0" Text="Category: " />

            <Label Grid.Row ="1" Grid.Column="0" Text="Meal Time: " />

            <Label Grid.Row ="0" Grid.Column="1" Text="{Binding Recipe.Category}" />

            <Label Grid.Row ="1" Grid.Column="1" Text="{Binding Recipe.MealTime}" />



        </Grid>

            <ListView VerticalOptions="Start" Grid.Row="1" HasUnevenRows="False" x:Name="IngredientsListView" 

            ItemsSource="{Binding Recipe.Ingredients}"                

            RefreshCommand="{Binding LoadRecipesCommand}"

             >

                <ListView.ItemTemplate>

                    <DataTemplate>

                        <ViewCell>

                            <Grid Padding="0">

                                <Grid.RowDefinitions>

                                    <RowDefinition Height="Auto" />

                                    <RowDefinition Height="Auto" />

                                </Grid.RowDefinitions>

                                <Grid.ColumnDefinitions>

                                    <ColumnDefinition Width="Auto" />

                                    <ColumnDefinition Width="Auto" />

                                    <ColumnDefinition Width="Auto" />

                                    <ColumnDefinition Width="Auto" />

                                </Grid.ColumnDefinitions>

                                <Label Grid.Row="0" Grid.Column="0" Text="{Binding }"/>

                                <Label Grid.Row ="0" Grid.Column="1" FontAttributes="Bold" Text="{Binding Count}" />

                                <Label Grid.Row ="0" Grid.Column="2" FontAttributes="Bold" Text="{Binding Measure}" />                                    

                                <Label Grid.Row ="0" Grid.Column="3" FontAttributes="Bold" Text="{Binding Name}" />                                    

                                <Label Grid.Row ="1" Grid.Column="2" Grid.ColumnSpan="2" FontAttributes="Italic" FontSize="Micro" Text="{Binding Note}" />

                            </Grid>

                        </ViewCell>

                    </DataTemplate>

                </ListView.ItemTemplate>

            </ListView>



            <ListView VerticalOptions="Start" Grid.Row="2" HasUnevenRows="False" x:Name="InstructionsListView" 

            ItemsSource="{Binding Recipe.Instructions}"               



             >

                <ListView.ItemTemplate>

                    <DataTemplate>

                        <ViewCell>

                            <Label Text="{Binding .}"/>

                        </ViewCell>

                    </DataTemplate>



                </ListView.ItemTemplate>

            </ListView>

    </Grid>

</ScrollView>