草庐IT

dart - ListView.builder 在 flutter 中逐项滚动

coder 2023-05-09 原文

我有一个水平的 ListView，我想强制用户一次滚动一个项目，我该如何实现？

return Container(
    height: 120.0,
    padding: EdgeInsetsDirectional.only(start: 8.0),
    child: ListView.builder(
           itemBuilder: _buildListItem(),
           scrollDirection: Axis.horizontal,
           itemCount: arrayItems.length,
           ),
);

最佳答案

使用

physics: PageScrollPhysics(), // in ListView

我无法获取您的代码。试试这个并做出相应的改变。 

List<String> yourArray = ["A", "B", "C", "D"];

@override
Widget build(BuildContext context) {
  double width = MediaQuery.of(context).size.width; 
  return Container(
    height: 100,
    child: ListView.builder(
      physics: PageScrollPhysics(), // this is what you are looking for
      scrollDirection: Axis.horizontal,
      itemCount: yourArray.length,
      itemBuilder: (context, index) {
        return Container(
          color: Colors.grey,
          width: width,
          child: Center(child: Text("Index = ${index}")),
        );
      },
    ),
  );
}

关于dart - ListView.builder 在 flutter 中逐项滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54199899/

逐项ListViewsectioncodedartflutter

有关dart - ListView.builder 在 flutter 中逐项滚动的更多相关文章

  1. ruby - 如何使用 Nokogiri::XML::Builder 生成动态标签？ - 2

    我正在遍历数组中的一组标签名称，我想使用构建器打印每个标签名称，而不是求助于“我认为:builder=Nokogiri::XML::Builder.newdo|xml|fortagintagsxml.tag!tag,somevalendend会这样做，但它只是创建名称为“tag”的标签，并将标签变量作为元素的文本值。有人可以帮忙吗？这个看起来应该比较简单，我刚刚在搜索引擎上找不到答案。我可能没有以正确的方式提问。 最佳答案 尝试以下操作。如果我没记错的话，我添加了一个根节点，因为Nokogiri需要一个。builder=Nokogi

  2. Flutter 环境变量配置和flutter doctor中的错误解决 - 2

    一、环境变量右键点击我的电脑-属性：然后找到环境变量 1.Android的SDK不在C盘的话需要额外配这个到用户环境变量：ANDROID_HOMED:\AndroidSDK2.然后在系统变量：Path中添加一条这样的值        D:\Flutter\flutter\bin             这个值写flutter包解压的实际地址即可 3.在系统变量中添加两个镜像变量：        变量名：FLUTTER_STORAGE_BASE_URL      变量值：https://storage.flutter-io.cn        变量名：PUB_HOSTED_URL      变量

  3. ruby - Rails 3.1 Edge 是否破坏了 XmlMarkup::Builder？ - 2

    Web上有许多示例(例如http://techoctave.com/c7/posts/32-create-an-rss-feed-in-rails)展示了如何使用Builder制作漂亮的RSS提要。规范模板是这样的:xml.instruct!:xml,:version=>"1.0"xml.rss:version=>"2.0"doxml.channeldoxml.title"YourBlogTitle"xml.description"Ablogaboutsoftwareandchocolate"xml.linkposts_urlforpostin@postsxml.itemdoxml.t

  4. ruby - 绕过 Element 的方法无法滚动到 View 中 - Watir-webdriver with Ruby - 2

    因此，我们的页面中有以下代码:OnOff这是2个单选按钮。'开和关'。“关闭”是默认值。使用Watir-webdriver和Ruby，我们想要选择“打开”单选按钮。我们这样做:browser.radio(:id=>"HasRegistration_true").set但在这样做时，我们得到以下错误:`WebElement.clickElement':Elementcannotbescrolledintoview:[objectHTMLInputElement](Selenium::WebDriver::Error::MoveTargetOutOfBoundsError)我们知道Sele

  5. ruby - Interface Builder 看不到 MacRuby 的 socket - 2

    我正在尝试使用XCode和InterfaceBuilder构建一个基本的helloworld应用程序。但是，在InterfaceBuilder中，我看不到我的socket可以连接起来。我转到对象检查器Pane的连接选项卡，它显示“NewReferencingOutlet”。我想知道我的代码是否有误。在这里classHelloWorldControllerattr_accessor:hello_label,:hello_button,:hellodefawakeFromNib@hello=trueenddefchangeLabel(sender)if@hello@hello_label.

  6. ruby-on-rails - 如何告诉 Builder 不要转义值 - 2

    ruby-1.8.7-p249>xml=Builder::XmlMarkup.new=>ruby-1.8.7-p249>xml.foo'wow'=>"<b>wow</b>"ruby-1.8.7-p249>Builder正在转义内容并将b标记转换为转义值。我如何告诉Builder不要逃避它？我正在使用Ruby1.8.7。 最佳答案 Builder::XmlMarkup#xml.foodoxmlwow'end 关于ruby-on-rails-如何告诉Builder不要

  7. ruby - 如何使用 watir 滚动网页 - 2

    我正在尝试滚动网页以查找并单击滚动页面时延迟加载的内容。我正在使用以下命令require'watir-webdriver'@browser=Watir::new:firefox@browser.send_keys:space我在firefox上使用网络驱动程序，我在ubuntu上，但它不工作。在下面的ruby​​代码中，我试图向下滚动页面，直到找不到带有:id的元素。该元素正在延迟加载。几秒钟后我超时了，不知道下面的代码有什么问题。When/^deal(\d+)isloaded$/do|id|(0..5).eachdo|click|@browser.send_keys:spaceend

  8. ruby - Selenium 滚动元素进入(中心) View - 2

    当一个元素在selenium的View之外并且试图与之交互时，selenium通常会首先隐式地将元素滚动到View中。这很棒，只是烦人的是它通常将元素放入View中。我的意思是，如果元素位于窗口下方，它会向下滚动足够多直到元素刚好与窗口边缘接壤。通常这很好，但是当在周围有边框的网站上工作时，这将导致许多此类错误Selenium::WebDriver::Error::UnknownError:unknownerror:Elementisnotclickableatpoint(438,747).Otherelementwouldreceivetheclick:...因为通常网页的边框都在它

  9. ruby - 使用 Nokogiri HTML Builder 创建具有多个根节点的片段 - 2

    我有一个关于Nokogiri的简单问题。我想让Nokogiri::HTML::Builder制作以下形式的HTML片段:#Somestuffinhere#Someotherstuffinhere尝试做的时候:@builder=Nokogiri::HTML::Builder.new(:encoding=>'UTF-8')do|doc|doc.div{doc.p"firsttest"}doc.div{doc.p"secondtest"}end@builder.to_html我得到一个错误:Documenthasalreadyarootnode，我部分理解了。我知道我没有将整个内容包装到标签

  10. ruby - 乘客:无法加载此类文件 ruby​​gems/builder - 2

    我试图用Apache2和ruby​​2.0安装passenger，但我在安装时遇到了这行错误:passenger-install-apache2-module错误:--------------------------------------------CompilingandinstallingApache2module...cd/usr/local/lib/ruby/gems/2.0.0/gems/passenger-3.0.19/usr/local/bin/ruby/usr/local/bin/rakeapache2:cleanapache2RELEASE=yes#/usr/loc

随机推荐