Блог

Главная - Вопросы по программированию - Как прокрутить просмотр страницы в 2 разных направлениях?

Как прокрутить просмотр страницы в 2 разных направлениях?

#flutter #dart #flutter-layout #flutter-animation

Вопрос:

У меня есть виджет просмотра страниц, с помощью которого я хочу прокрутить следующую страницу по горизонтали, и если я прокручу ее по вертикали, она перейдет к другому виджету «Каркас».

 PageView(
      scrollDirection: Axis.horizontal,
      controller: controller,
      children: const <Widget>[
        Center(
          child: Text('First Page'),
        ),
        Center(
          child: Text('Second Page'),
        ),
        Center(
          child: Text('Third Page'),
        )
      ],
    );

Пожалуйста, предоставьте мне любое решение или ресурсы. Спасибо

Комментарии:

1. У вас есть какие-либо примеры этого, или вы могли бы подробнее рассказать, чего именно вы хотите достичь?

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

3. Так же, как и в новостях

Ответ №1:

попробуйте это:

 PageView(
      scrollDirection: Axis.horizontal,
      controller: controller,
      children: const <Widget>[
        Center(
          child: 
      child: SingleChildScrollView(
child: Column(
      children: const <Widget>[
        Center(
          child: Text('Page1: 1st item'),
        ),
        Center(
          child: Text('Page1: 2nd item'),
        ),
        Center(
          child: Text('Page1: 3rd item'),
        )
      ],
),
),
        ),
        Center(
                    child: SingleChildScrollView(
child: Column(
      children: const <Widget>[
        Center(
          child: Text('Page2: 1st item'),
        ),
        Center(
          child: Text('Page2: 2nd item'),
        ),
        Center(
          child: Text('Page2: 3rd item'),
        )
      ],
),
),
        ),
        Center(
                    child: SingleChildScrollView(
child: Column(
      children: const <Widget>[
        Center(
          child: Text('Page3: 1st item'),
        ),
        Center(
          child: Text('Page3: 2nd item'),
        ),
        Center(
          child: Text('Page3: 3rd item'),
        )
      ],
),
),
        )
      ],
    );

Комментарии:

1. Я хочу, чтобы по горизонтали и вертикали отображался вид прокрутки в одном и том же просмотре страницы

Метки: