删除按钮和加载数据

Question

嘿，伙计们，我需要帮助删除这个按钮并从json文件中加载数据，而不需要点击这个按钮。下面是代码

List _items = [];

//从json文件获取内容

@重写小部件构建（BuildContext上下文）{Future readJson（）异步{final String response=await rootBundle.loadString（'assets/aaaa.json'）；final data=await json.decode（response）；setState（（）{u items=data['first']；}）；}

return Scaffold(
  body: Padding(
    padding: const EdgeInsets.all(25),
    child: Column(
      children: [
        ElevatedButton(
          child: const Text('Load Data'),
          onPressed: readJson,
        ),
        // Display the data loaded from sample.json
        _items.isNotEmpty
            ? Expanded(
                child: ListView.builder(
                  itemCount: _items.length,
                  itemBuilder: (context, index) {
                    return Card(
                      margin: const EdgeInsets.all(10),
                      child: ListTile(
                        leading: Text(_items[index]["aaaaa"]),
                        title: Text(_items[index]["aaaaa"]),
                        subtitle: Text(_items[index]["aaaaaa"]),
                      ),
                    );
                  },
                ),
              )
            : Container()
      ],
    ),
  ),
);

}

Answer 1

你应该看看Future Builder。该页面上有一些关于如何使用小部件的好例子，包括如何显示不同的小部件，具体取决于数据是否已加载、加载过程中是否存在错误readJson将是您的未来。