Flutter中有没有办法通过滑动逐渐导航到页面

Posted

技术标签:

【中文标题】Flutter中有没有办法通过滑动逐渐导航到页面【英文标题】:Is there a way in Flutter to navigate to a page gradually by sliding 【发布时间】:2021-12-13 00:35:07 【问题描述】:

这是我的问题。 我希望通过逐渐(例如用我的手指)向上拖动一个容器(Container),这个容器会随着移动而移动,但是我想要导航的新页面(NewPage)在跟随移动时被覆盖在容器上直到我释放某个级别时,该页面占据了所有屏幕。 (假设我想做一个 Navigator.push 但在这个意义上)。

谢谢。

class NewPage extends StatelessWidget 
   ...
   @override
   Widget build(BuildContext context) 
      return Scaffold(...);
   


...

class _MainPageState extends State<MainPage> 
   ...
   @override
   Widget build(BuildContext context) 
      return Scaffold(
         body: Stack(
            children: [
               ...
               GestureDetector(
                  child: Positioned(
                     ...
                     child: Container()
                  )
               )
            ]
         )
      );
   

【问题讨论】:

【参考方案1】:

你的问题有点不清楚。但请尝试这些不同的导航技术。

    Hero Animations PageView - 试试这个scrollDirection: Axis.vertical

【讨论】:

感谢您的反馈。我只是修改了问题以使其更清楚。否则我想要导航到另一个视图。

以上是关于Flutter中有没有办法通过滑动逐渐导航到页面的主要内容,如果未能解决你的问题,请参考以下文章

带有页面视图的自定义导航栏 [Flutter]

有没有办法通过从 Flutter 中的通知滑动来停止警报声音

滑动单元格时,有没有办法从 tableViewCell 导航到另一个视图控制器?

自适应 Tab 宽度可以滑动文字逐渐变色的 TabLayout(仿今日头条顶部导航)

Flutter PageView 禁止滑动

Flutter:无法导航到另一个页面