如何在颤振中从 API 获取字符串值？

Question

我正在尝试从 API 获取 字符串值 到 flutter 中的列表。

每次我尝试获取列表时，都会出现一个异常“未处理的异常：'String' 类型不是'Map' 类型的子类型”

我拥有的数据格式如下：

{
"status": 1,
"data": [
        "Chapter 1",
        "Chapter 2",
        ]
}

Answer 1

使用此响应类加载响应并访问所有变量。

 class ResponseData {
        String status;
        List<String> data;

        ResponseData({
            this.status,
            this.data,
        });

        factory ResponseData.fromJson(Map<String, dynamic> json) => ResponseData(
            status: json["status"],
            data: List<String>.from(json["data"].map((x) => x)),
        );
    }

将我们的响应 json 添加到 ResponseData 类

ResponseData responseDataFromJson(String responseFromServiceCall) => ResponseData.fromJson(json.decode(responseFromServiceCall));

Answer 2

从上面提到的 json 我为 ListView 创建了一个示例 json：

{
    "status": 1,
    "data": [
        "Chapter 1",
        "Chapter 2"
    ]
}

从 json 创建模型类：

// To parse this JSON data, do
//
//     final data = dataFromJson(jsonString);

import 'dart:convert';

Data dataFromJson(String str) => Data.fromJson(json.decode(str));

String dataToJson(Data data) => json.encode(data.toJson());

class Data {
    int status;
    List<String> data;

    Data({
        this.status,
        this.data,
    });

    factory Data.fromJson(Map<String, dynamic> json) => Data(
        status: json["status"],
        data: List<String>.from(json["data"].map((x) => x)),
    );

    Map<String, dynamic> toJson() => {
        "status": status,
        "data": List<dynamic>.from(data.map((x) => x)),
    };
}

解析数据然后在ui上渲染：

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

import 'dummy.dart';

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

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

  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  List<String> dataList = List();
  bool _isLoading = false;

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

  Future<String> loadFromAssets() async {
    return await rootBundle.loadString('json/parse.json');
  }

  loadYourData() async {
    setState(() {
      _isLoading = true;
    });
    String jsonString = await loadFromAssets();
    final data = dataFromJson(jsonString);
    // here you get the complete object
    dataList = data.data;
    setState(() {
      _isLoading = false;
    });
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Container(
          child: _isLoading
              ? CircularProgressIndicator()
              : ListView.builder(
                  itemCount: dataList.length,
                  itemBuilder: (BuildContext context, int index) {
                    return Card(
                      child: Column(

                        children: <Widget>[
                          Padding(
                            padding: const EdgeInsets.all(8.0),
                            child: Text(dataList[index]),
                          ),

                        ],
                      ),
                    );
                  },
                ),
        ),
      ),
    );
  }
}

下面是 parse.json 文件：

下面是您需要定义 json 文件夹的 pubspec 文件：

让我知道它是否有效。