Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Grid with RowSpacing(Xamarin Forms) and navigation

Now I'm working on updating the UI of my app(XF for Android). I found this UI solution for appbar(from source code Evolve 2016):

enter image description here

It looks beautiful and is implemented simply:

<ContentPage.Content>
<Grid RowSpacing="0" >
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <StackLayout BackgroundColor={StaticResource Primary}, Grid.Row=0/>
       <SearchBar/>
    </StackLayout>
    <StackLayout Grid.Row=1>
       //other content
   </StackLayout>
 .....

For existing navigation(Master-Detail) it works fine. But I click by item (on this page) - than open new page(no Master Detail). Work like this:

 await Navigation.PushAsync(new SessionDetailPage(), true);

I click back on toolbar - return to Session page than I get a white line display for a short time

enter image description here

it does not last long, a split second. then the white line disappears. But it's unpleasant to use. Any ideas? How can I improve this?

like image 744
FetFrumos Avatar asked Nov 13 '17 14:11

FetFrumos


Video Answer


1 Answers

Might be RowDefinition Height="Auto" calculating and resizing itself, try use absolute value to check if this is the cause.

like image 59
Nick Kovalsky Avatar answered Oct 04 '22 09:10

Nick Kovalsky