flutter在windows系统上实现左右水平滑动问题

这篇具有很好参考价值的文章主要介绍了flutter在windows系统上实现左右水平滑动问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

flutter在windows系统上实现左右水平滑动问题,多端开发,flutter

在个问题在github也有记录:https://github.com/flutter/flutter/issues/105095

就是flutter使用listview等可以滑动的组件来左右滚动的时候,不能正常工作,也就是无效,所以下面大家开始讨论这个问题。

翻阅大家讨论的内容,发现有的windows11是可以正常工作的,但是需要加上一个滚动条和SingleChildScrollView:

final innerController = ScrollController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("产品列表"),
      ),
      body: Scrollbar(
          controller: innerController,
          child: SingleChildScrollView(
            controller: innerController,
            scrollDirection: Axis.horizontal,
            child: Container(
              width: 1920,
              height: 100,
              color: Colors.red,
              child: Text(
                  "11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111"),
            ),
          )),
    );
  }

这样实现的结果是: 有一个滚动条,就可以拖动滚动条来实现滚动

flutter在windows系统上实现左右水平滑动问题,多端开发,flutter

还有一种方式就是按住shift,然后滑动鼠标滚轮: 也可以控制滚动

flutter在windows系统上实现左右水平滑动问题,多端开发,flutter

flutter的贡献者也发现了这个问题,下个版本也许就会解决这个问题:https://github.com/reqable/reqable-app/issues/371 

这个说的已解决是2024年1月12号,所以静等这个版本发出来再试吧...........

flutter在windows系统上实现左右水平滑动问题,多端开发,flutter文章来源地址https://www.toymoban.com/news/detail-811310.html

到了这里,关于flutter在windows系统上实现左右水平滑动问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序 左右滑动方法

    实现小程序左右滑动操作 wxml,在当前view层滑动操作 data数据

    2024年02月11日
    浏览(47)
  • Unity:鼠标【上下左右滑动时】控制相机【左右张望】和【上下抬头】

    相机旋转,看着是小事,但是却关系到用户的直观体验。旋转对了母慈子孝,旋转错了则翻江倒海。 鼠标左右移动时,控制相机左右转动 鼠标上下移动时,控制相机抬头低头 你可以在GPT里提问,他的回答也很给力,能转,但是都不符合人体的看东西的特点。 后来还是的自己

    2024年02月10日
    浏览(42)
  • 小程序商品分类页面滑动左右联动

    系列文章目录 前言 一、vtabs是什么? 二、使用步骤 1.json引入 2.wxml中使用 3.js中代码 总结 商品分类页面,左边分类及右边商品左右联动 因为微信小程序scroll-view没有h5锚点控制联动,并且需求是根据整个页面的滚动条来控制联动,所以使用了页面滚动事件onPageScroll来获取页面

    2024年02月12日
    浏览(32)
  • qt学习:进度条,水平滑动条,垂直滑动条+rgb调试实战

    目录 水平滑动条,垂直滑动条 常用信号 进度条 常用信号  修改进度条 例子  rgb调色 配置ui界面 编写3个进度条的事件函数 添加链表容器和按钮索引 在.h里的类定义 初始化链表容器和按钮索引 编写添加颜色的按钮点击事件函数 效果 valueChanged(int)  数值变化的时候 sliderMov

    2024年01月20日
    浏览(37)
  • vue + element 实现鼠标左右滑动效果

    我用了element中的走马灯+overflow-x: auto; html (复制后格式化一下) js this.$refs.entrance.setActiveItem(index); 手动切换当前展示的索引

    2024年02月04日
    浏览(26)
  • Vue3自定义简单的Swiper滑动组件-触控板滑动&鼠标滑动&左右箭头滑动-demo

    代码实现了一个基本的滑动功能,通过鼠标按下、鼠标松开和鼠标移动事件来监听滑动操作。 具体实现逻辑如下: 在  onMounted  钩子函数中,我们为滚动容器添加了三个事件监听器: mousedown  事件:当鼠标按下时,设置  control.isDown  为  true ,记录鼠标起始位置  control.

    2024年02月13日
    浏览(29)
  • Android——禁止ViewPager的左右滑动功能实现

    Android——禁止ViewPager的左右滑动功能实现 在Android开发中,ViewPager是一种常用的滑动控件,用于实现页面的左右切换效果。然而,在某些场景中,我们可能需要禁止ViewPager的左右滑动功能,只允许通过其他方式进行页面切换。本文将介绍如何在Android中实现禁止ViewPager左右滑动

    2024年02月06日
    浏览(34)
  • uniapp 左右滑动切换页面并切换tab

    实现效果如图 要实现底部内部的左右滑动切换带动上方tab栏的切换,并且下方内容要实现纵向滚动 ,所以需要swiper,swiper-item,scroll-view组合使用 tab栏部分  tab栏点击切换,需要重新调取数据 下方内容部分 滑动切换,改变上方tab栏状态,并重新调取数据 以上即可实现页面左

    2024年02月13日
    浏览(31)
  • android:RecyclerView交互动画(上下拖动,左右滑动删除)

    @Override public void onSwiped(RecyclerView.ViewHolder viewHolder, int direction) { //监听侧滑;1.删除数据,2.调用adapter.notifyItemRemoved(position) mMoveCallback.onItemRemove(viewHolder.getAdapterPosition()); } //改变选中的Item @Override public void onSelectedChanged(RecyclerView.ViewHolder viewHolder, int actionState) { //判断状态 if

    2024年04月12日
    浏览(29)
  • 小程序更多的手势事件(左右滑动、放大缩小、双击、长按)

    微信小程序提供的原生事件有:触摸开始(bindtouchstart)、移动触摸点(bindtouchmove)、触摸结束(bindtouchend)以及长按事件(bindlongtap)和单击事件(bindtap)。通过以上原生事件可设计制作衍生出更多的手势事件; 文章记录小程序中组件 “左右滑动、放大缩小、双击” 事件

    2024年02月09日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包