Блог

У меня есть несколько изображений для отображения в SizedBox, который обернут вокруг SingleChildScrollView, содержащегося в виджете Row. На данный момент он может нормально отображаться, но останавливается между изображениями во время прокрутки. Чего я хочу добиться, так это всякий раз, когда обнаруживается перетаскивание влево или вправо, переход к следующему или предыдущему изображению и центрирование изображения.

Есть ли способ добиться этого? должен ли я заменить его на GestureDetector, но, похоже, я не могу понять, как при обнаружении перетаскивания перемещается заданное расстояние.

Общий макет кода выглядит следующим образом:

 SizedBox:
  SingleChildScrollView
    Row:
      Image_1
      Image_2
      ...
 

Вам будет очень сложно сделать это в одиночку. Я бы посоветовал вам использовать какой-нибудь плагин для этого. Я бы предложил carousel_slider : carousel_slider

 CarouselSlider.builder(
  itemCount: 15,
  itemBuilder: (BuildContext context, int itemIndex) =>
    Container(
      child: Text(itemIndex.toString()),
    ),
)