时间戳

首页 > 解决方案 > 如何将 List _data 从 main() 传递到有状态小部件 (LIstView)？

dart - 如何将 List _data 从 main() 传递到有状态小部件 (LIstView)？

问题描述

我想_data从main() async到访问Stateful Widget？调用 REST Api Call in 是一种好习惯Main()吗？

import 'dart:async';
import 'package:http/http.dart' as http;
import 'dart:convert';
import 'package:flutter/material.dart';

Future main() async {

  List _data = await makeRequest();
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: HomePage(),
    );
  }
}
Future<List> makeRequest() async {
  String url = "https://jsonplaceholder.typicode.com/posts";
  http.Response response = await http.get(url);
  print(json.decode(response.body));
  return json.decode(response.body);
}
class HomePage extends StatefulWidget {


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

class _HomePageState extends State<HomePage> {

  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("JSON List"),
      ),

      body: ListView.builder(
          itemBuilder: (BuildContext context, int index) {
             ListTile(
            );
      }
      ),
    );
  }


}

标签： dartflutterflutter-sliver

解决方案

这就是它应该如何工作，我修复了你的代码：

  class HomePage extends StatefulWidget {
    @override
    _HomePageState createState() => _HomePageState();
  }

  class _HomePageState extends State<HomePage> {
    List _data = new List();

    void makeRequest() async {
      String url = "https://jsonplaceholder.typicode.com/posts";
      http.Response response = await http.get(url);
      print(json.decode(response.body));
      setState(() {
        _data = json.decode(response.body) as List;
      });
    }

    @override
    void initState() {
      makeRequest();
      super.initState();
    }

    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(
          title: Text("JSON List"),
        ),
        body: _data.isEmpty
            ? Center(child: CircularProgressIndicator())
            : ListView.builder(
                itemCount: _data.length,
                itemBuilder: (BuildContext context, int index) {
                  return ListTile(
                    title: Text(_data[index]['title']),
                  );
                }),
      );
    }
  }

你的主要电话应该是

void main() => runApp(MyApp());


  class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        home: HomePage(),
      );
    }
  }

推荐阅读