Управление высотой изображения в просмотре прокрутки

Question

Я хотел бы получить макет, показанный внизу в моем приложении.Я вроде как работал, используя следующую структуру:

<ScrollView Orientation="Vertical">
  <Grid>
    <ScrollView Orientation="Horizontal">
      <StackLayout>
        <Image>

В настоящее время у меня проблема с тем, что я хочу контролировать высоту изображения, чтобы, учитывая размер экрана или ориентацию экрана, было 2 или 3 строкииз видимых изображений.

Вещи, которые я пробовал:

• , установив параметр HeightRequest для изображения.Это, кажется, игнорируется, вероятно, потому что scrollcontainer создает «неограниченный» холст для рисования.Изображение масштабируется до фактического размера изображения, который слишком велик.
• устанавливает жесткое значение для высоты Grid.Row.Это обрезает полноразмерное изображение.

Я видел этот обходной путь в демонстрационной версии flexgrid, где они, кажется, обошли это, загрузив изображение, размер которого изменен на лету,Но это не похоже на окончательное решение для меня.

синие линии = scrollview

черные линии = вид

красные линии = изображение

Answer 1

Thx @ Ник Ковальский за то, что сказал мне, что так должно работать.Я только что узнал, что причина, по-видимому, заключается в том, что я использовал StackLayout вокруг изображения (содержащего изображение и метку изображения).Это было то, что я пропустил при публикации моего первоначального вопроса.Когда я заменил этот StackLayout на Grid, он работал как положено.

Старая ситуация:

<ScrollView Orientation="Vertical">
  <Grid>
    <ScrollView Orientation="Horizontal">
      <StackLayout Orientation="Vertical">
        <Image>
        <Label>

Новая ситуация:

<ScrollView Orientation="Vertical">
  <Grid>
    <ScrollView Orientation="Horizontal">
      <Grid>
        <Image>
        <Label>