XamarinCommunityToolkit icon indicating copy to clipboard operation
XamarinCommunityToolkit copied to clipboard

Tab View Content Height Issue in iOS

Open GeethuVinod95 opened this issue 3 years ago • 0 comments

Description

TabView inside a Grid Layout doesn't auto fit the content in iOS, few items are cutting off from beginning off the content as well.

Steps to Reproduce

  1. Use TabView Inside a GridLayout
<Grid>
   <Grid.RowDefinitions>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="*"/>
            </Grid.RowDefinitions>
<StackLayout Grid.Row="0">
.....
</StackLayout>
<StackLayout Grid.Row="1">
.....
</StackLayout>
<xct:TabView   TabStripPlacement="Top" Grid.Row="2">
 <xct:TabViewItem  Text ="Tab1">
    <xct:TabViewItem.Content>
          <StackLayout>
                <ListView ItemSource={Binding ListViewSource}>
                    ..
                    ..
                    ..
                </ListView>
          </StackLayout>
    </xct:TabViewItem.Content>
</xct:TabViewItem >
</xct:TabView>
<Grid>

Expected Behavior

I should be able to see the list inside tab view

Actual Behavior

The list/content is cutting off and content height is not auto fitting into Grid Row Remaining space.

Basic Information

  • Version with issue: 2.0.0
  • Last known good version: -
  • IDE: Visual Studio (Mac)
  • Platform Target Frameworks: iOS
    • iOS: 15

Workaround

I tried to wrap up the Main Grid in Scroll View and provided height request to the TabView content. This fixes the first few items cutting off issue, but i am unable to scroll the list content inside tab view after a particular point.

Reproduction imagery

First few items in list is cutting off

image

GeethuVinod95 avatar Feb 23 '22 14:02 GeethuVinod95