XamarinCommunityToolkit
XamarinCommunityToolkit copied to clipboard
Tab View Content Height Issue in iOS
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
- 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