Xamarin.Forms: How to expand row from listview over full screen after tap or click?

2
votes

I have two cell templates that appears in ListView. After clicking or taping on a cell, loading the second expanded (resized) template which is longer and shows more information. Problem is that I would like second template to expand and extend over the entire screen (from the toolbar to the bottom), not only as much as the content of template. To be perfectly clear, I do not want to open up a new window (Navigation.PushAsync), but to expand whole content in full screen. For now I have a way to fix the height of the extended cell after clicking, but that's not what I want, because every mobile device is different and has a different resolution.

Is there any easy way to do this, or I have to use some Nuget?

Thanks in advance!

1
listviewxamarin.formsexpandablelistview
Why don't you want to open up a new window? From your description, that seems like it would give the effect you want, though Navigation.PushModalAsync might be better in your case than PushAsync, as it would cover more of the screen. – DavidS
@DavidS Unfortunately, I can't open new window, becouse my boss required that the active row (cell) spread across the entire screen (except toolbar) and to look expanded, not opened. Maybe like animation... – Milan Milic

1 Answers

1
votes

For list view cell you could use a grid. Then binding width and height with a column definition. How to do it you can find on the internet. Screen width and height you can get in platform specific project. On android width you can get like that:

App.ScreenWidth = ( int )( Resources.DisplayMetrics.WidthPixels / Resources.DisplayMetrics.Density );

Something similar will be with height.