Flutter 获取完整代码中的按钮。颤振

Flutter 获取完整代码中的按钮。颤振,flutter,Flutter,这是我的第一篇帖子,idk如果我是dump或者其他人,但是我想在下面的代码中找到一个按钮: import 'dart:convert'; import 'package:flutter/material.dart'; class OverViewList extends StatefulWidget { OverViewList({Key key}) : super(key: key); @override _OverViewListState createState() =&

这是我的第一篇帖子,idk如果我是dump或者其他人,但是我想在下面的代码中找到一个按钮:

import 'dart:convert';

import 'package:flutter/material.dart';

class OverViewList extends StatefulWidget {
  OverViewList({Key key}) : super(key: key);

  @override
  _OverViewListState createState() => _OverViewListState();
}

class _OverViewListState extends State<OverViewList> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.blueGrey,
      body: Center(
        child: Container(
          child: FutureBuilder(
            builder: (context, snapshot) {
              var showData = json.decode(snapshot.data.toString());
              if (snapshot.hasData) {
                return ListView.builder(
                  itemCount: showData.length,
                  itemBuilder: (BuildContext context, int index) {
                    return Padding(
                      padding: EdgeInsets.fromLTRB(12, 0, 12, 0),
                      child: Card(
                        child: ListTile(
                          contentPadding: EdgeInsets.fromLTRB(8, 5, 5, 5),
                          title: Padding(
                            padding: const EdgeInsets.fromLTRB(0, 0, 0, 10),
                            child: Text(showData[index]["Product_Name"]),
                          ),
                          subtitle: Text("Vorhanden: " +
                              showData[index]["Stock"] +
                              "\n" +
                              "Verdirbt am " +
                              showData[index]["Expiry_date"]),
                        ),
                      ),
                    );
                  },
                );
              }

              return CircularProgressIndicator();
            },
            future: DefaultAssetBundle.of(context).loadString(
                "lib/global/Overview_Products/Overview_Product.json"),
          ),
        ),
      ),
    );
  }
}
导入'dart:convert';
进口“包装:颤振/材料.省道”;
类概览列表扩展StatefulWidget{
概览列表({Key}):超级(Key:Key);
@凌驾
_OverViewListState createState()=>_OverViewListState();
}
类_概览列表状态扩展状态{
@凌驾
小部件构建(构建上下文){
返回脚手架(
背景颜色:颜色。蓝灰色,
正文:中(
子:容器(
孩子:未来建设者(
生成器:(上下文,快照){
var showData=json.decode(snapshot.data.toString());
if(snapshot.hasData){
返回ListView.builder(
itemCount:showData.length,
itemBuilder:(构建上下文,int索引){
返回填充(
填充:从LTRB(12,0,12,0)开始的边缘设置,
孩子:卡片(
孩子:ListTile(
contentPadding:EdgeInsets.fromLTRB(8,5,5,5),
标题:填充(
padding:const EdgeInsets.fromLTRB(0,0,0,10),
子项:文本(showData[索引][“产品名称]),
),
字幕:文本(“Vorhanden:+
showData[指数][“股票”]+
“\n”+
“Verdirbt am”+
showData[索引][“到期日]),
),
),
);
},
);
}
返回循环ProgressIndicator();
},
future:DefaultAssetBundle.of(context).loadString(
“lib/global/Overview_Products/Overview_Product.json”),
),
),
),
);
}
}
但是这个代码是“完成的”。所以我不能补充什么,或者?我曾经尝试过对孩子们使用“列”或“行”,但它对Listview不起作用。在列表视图之后,关于
循环压缩器指示器
,它将不会显示。我希望有一个解决方案,而不必再次完全重写代码。 对不起,这是英语,非常感谢你

编辑:按钮应位于Listview上方,以便您可以单击它。最好是在右下角或右上角。它不应该适用于列表的每个条目。只有一个独立的按钮“添加”一个条目左右

应该是这样的:

您可以使用该列,在listView中添加shrinkWrap:true应该足以避免溢出

如果我没有错,您需要一个浮动操作按钮,并且您应该检查文章=>

您希望按钮在哪里?是否希望在每个单独的ListTime的末尾或ListView的下方显示一个按钮?CircularProgressIndicator不会显示在视图列表的后面,因为它是在加载文件的同时显示的。您应该写:if(shapshot.hasData){--}else{return CircularProgressIndicator(…);}更清楚一些。在ListBuilder中,flift显示了ListView项的列表(内置于builder函数中)。因此,如果你想为每个项目添加一个小部件,你应该用列(…)或Flex(…)包装小部件:Padding->Card->ListTile,在这里你可以指定哪个项目应该展开。谢谢,但由于我已经编辑过,我只想有一个按钮,它独立于我的列表中有多少个小部件,“添加”或“刷新”列表,类似这样的东西。它在listview下面或上面,但不是在上面。此外,Listview不再可滚动,如果项目太多,则会出现溢出。感谢您一直以来在最高级别添加SingleChildScrollVIew应该可以解决溢出问题,添加物理应该可以解决滚动问题