flutter - 如何将点击功能添加到 listview.builder 项目？

Question

您能告诉我如何将点击添加function到列表视图构建器项目吗？

点击项目时，我想进入新屏幕。

我创建了 2 个屏幕，标准和 vip 并将它们添加到main.dart路由中。

感谢您的帮助

Widget build(BuildContext context) {
    return Container(
      height: 350,
      child: ListView.builder(
        scrollDirection: Axis.horizontal,
        padding: EdgeInsets.only(left: 16, right: 6),
        itemCount: ultraComputers().length,
        itemBuilder: (context, index) {
          return Container(
            margin: EdgeInsets.only(right: 15),
            width: 350,
            decoration: BoxDecoration(
              borderRadius: BorderRadius.circular(20),
              image: DecorationImage(
                image: AssetImage(ultraComputers()[index].image),
              ),
            ),
            child: Stack(
              children: [
                Positioned(
                  top: 300,
                  left: 16,
                  child: Text(
                    ultraComputers()[index].description,
                    style: GoogleFonts.jura(
                      textStyle: TextStyle(
                          color: Colors.white,
                          fontWeight: FontWeight.bold,
                          fontSize: 40),
                    ),
                  ),
                ),
                Positioned(
                  top: 15,
                  left: 20,
                  child: Text(
                    ultraComputers()[index].city,
                    style: GoogleFonts.jura(
                      textStyle: TextStyle(
                          color: Colors.white,
                          fontWeight: FontWeight.bold,
                          fontSize: 25),
                    ),
                  ),
}

标签： flutterdart

Answer 1

还有另一种方法可以提供帮助。您可以使用 List View 分隔，并且此列表 cat 返回 List Tile 。和 List Tile 具有 Tap 功能。

https://api.flutter.dev/flutter/widgets/ListView/ListView.separated.html