0

我使用 Wix 创建了一个数据库,其中包含多种不同类型的内容,例如字符串、图像、地址等。我想将 WIX 数据库中的信息用于应用程序(使用FlutterDart制作);只是在 ListView 中描绘信息,但似乎数据没有到达应用程序。

我在 Wix 上创建了必要的功能,以使第三方可以访问数据库,并使用 Postman 对其进行了测试。当我使用此 Url ( https://daudadmin.editorx.io/acteeventpage/_functions/regions ) 发出请求时,它工作正常,Postman 将所有信息作为 JSON 返回的项目。

现在,当我在我的应用程序代码中使用 Url 时;它只是返回一个空白页。这是我目前使用的代码:

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

void main() {
  runApp(MyApp());
}

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

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

class _MyAppState extends State<MyApp> {
  final url = 'https://daudadmin.editorx.io/acteeventpage/_functions/regions';
  var _postsJson = [];

  void fetchData() async {
    try {
      final response = await get(Uri.parse(url));
      final jsonData = jsonDecode(response.body) as List;

      setState(() {
        _postsJson = jsonData;
      });
    } catch (err) {
      //handle error here with error message
    }
  }

  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    fetchData();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: ListView.builder(
            itemCount: _postsJson.length,
            itemBuilder: (context, i) {
              final post = _postsJson[i];
              return Text("Title: ${post["title"]}");
            }),
      ),
    );
  }
}

4

1 回答 1

1

这是导致您的错误的行

final jsonData = jsonDecode(response.body) as List;

从端点返回的数据是 Map 而不是 List。

{
  "items": [
    {},
    ...
  ],
}

要访问列表,请尝试通过将声明更改为来访问地图的 items 属性

final jsonData = jsonDecode(response.body)["items"] as List;
于 2021-11-06T06:18:05.860 回答