如何将列表数据从 main() 传递到有状态小部件 (LIstView)？

Question

我想从 main() async 到 Stateful Widget 访问 _data？调用 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(
            );
      }
      ),
    );
  }


}

Answer 1

它应该是这样工作的，我修正了你的代码：

  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(),
      );
    }
  }

如何将列表数据从 main() 传递到有状态小部件 (LIstView)？

How to pass List _data from main() to Stateful widget (LIstView)?

dart

flutter

flutter-sliver