时间戳

首页 > 解决方案 > Flutter - 可在整个页面上滑动？

flutter - Flutter - 可在整个页面上滑动？

问题描述

我正在尝试实现一个滑动选项，基本上，这取决于我是向左还是向右，将我引导到我的应用程序中的上一条/下一条消息（也就是触发一个动作）。它应该在整个页面上工作，类似于 tinder 向左/向右滑动的工作方式。有没有办法在颤动中做到这一点？

我已经查看了flutter_slidable，但我不确定是否可以在整个页面上进行滑动。

希望得到一些帮助，在此先感谢！

标签： flutterdart

解决方案

FlutterPageView用于垂直或水平滑动页面。

 class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);

  @override
 Widget build(BuildContext context) {
 return MaterialApp(
  home: Scaffold(
    appBar: AppBar(title: const Text('PageView ')),
    body: const MyStatelessWidget(),
  ),
);

} }

class MyStatelessWidget extends StatelessWidget {
const MyStatelessWidget({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
final PageController controller = PageController();
return PageView(
  /// [PageView.scrollDirection] defaults to [Axis.horizontal].
  /// Use [Axis.vertical] to scroll vertically.
  scrollDirection: Axis.horizontal,
  controller: controller,
  children: const <Widget>[
    Center(
      child: Text('First Page'),
    ),
    Center(
      child: Text('Second Page'),
    ),
    Center(
      child: Text('Third Page'),
    )
  ],
);

} }

推荐阅读