flutter - 将API中的数据设置为变量-Flutter

标签 flutter dart

所以我目前正在从模拟api获取数据数组,我试图将这些数据放入我创建的对象中,然后将其呈现在屏幕上。目前,我可以从API获取数据,但是当我尝试将数据放入变量并打印结果时,它不起作用,但是当我在函数内部打印数据时,它仍然起作用调用数据(如下所示)。它还在页面的初始状态(或状态,我不确定)上调用Future函数(getUserFeed)-这是当前代码:

class SocialPage extends StatefulWidget {
  final String argument;
  const SocialPage({Key key, this.argument}) : super(key: key);

  @override
  _SocialPageState createState() => _SocialPageState(argument);
}

  Future getUserFeed() async {
  final response = await http.get(
      'https://cartalkio-mock-api.s3.eu-west-2.amazonaws.com/textfeed.json');

  print(response.statusCode);

  if (response.statusCode == 200) {
    print(json.decode(response.body));
    return json.decode(response.body);
  } else {
    throw Exception('Failed to load album');
  }
}

class _SocialPageState extends State<SocialPage> {
  String argument;
  _SocialPageState(this.argument);
  Future feedData;

  setFeedData() {
    setState(() {
      feedData = getUserFeed();
    });
  }

  checkFeedData() {
    print(feedData);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      floatingActionButton: (FloatingActionButton(onPressed: () async {
        Navigator.pushNamed(context, SectionSelectRoute, arguments: argument);
      })),
      body: SafeArea(
        child: Column(
          children: <Widget>[
            FlatButton(
              onPressed: setFeedData,
              child: (Text('Set data')),
            ),
            FlatButton(
              onPressed: checkFeedData,
              child: (Text('Check data')),
            ),
          ],
        ),
      ),
    );
  }
}
这是我调用“checkFeedData”函数时返回的内容:
Instance of 'Future<dynamic>'
[编辑]
根据P4yam提供的答案,将其更改为:
Future<Map<String,dynamic>> getUserFeed() async {
  final response = await http.get(
      'https://cartalkio-mock-api.s3.eu-west-2.amazonaws.com/textfeed.json');

  if (response.statusCode == 200) {
    print(json.decode(response.body));
    return json.decode(response.body);
  } else {
    throw Exception('Failed to load album');
  }
}

class _SocialPageState extends State<SocialPage> {
  String argument;
  _SocialPageState(this.argument);
  Map<String,dynamic> feedData;

 setFeedData() async{
    feedData = await getUserFeed();
  }

  checkFeedData() {
    print(feedData);
  }
调用功能的按钮
        FlatButton(
          onPressed: setFeedData,
          child: (Text('Set data')),
        ),
        FlatButton(
          onPressed: checkFeedData,
          child: (Text('Check data')),
        ),
getUserFeed函数会打印来自API的实际数据,但是当我调用checkFeedData函数时,它会打印null。
[编辑2]
功能
  setFeedData() async{
    feedData = await getUserFeed();
    print('-----------'); // It's not running this print function 
    print(feedData); // Dont think its running this function
  }
安慰
I/flutter ( 6245): 200
I/flutter ( 6245): [{id: 2, photoUrl: https://cartalkio-image-storage-dev.s3.eu-west-2.amazonaws.com/o85DvOaTXXE.jpg, description: Magna duis consectetur sit ut commodo non eiusmod., dateAdded: 0001-01-01T00:00:00, isMain: false, publicId: null, isImage: true, mainImage: https://randomuser.me/api/portraits/men/76.jpg, userId: 9, likers: null, username: Larsen, thumbnail: null, likes: 0}, {id: 4, photoUrl: https://cartalkio-image-storage-dev.s3.eu-west-2.amazonaws.com/lXR833PRh3g.jpg, description: Magna duis consectetur sit ut commodo non eiusmod., dateAdded: 0001-01-01T00:00:00, isMain: false, publicId: null, isImage: true, mainImage: https://randomuser.me/api/portraits/men/4.jpg, userId: 8, likers: null, username: Lloyd, thumbnail: null, likes: 0}, {id: 6, photoUrl: https://cartalkio-image-storage-dev.s3.eu-west-2.amazonaws.com/geTFl8b0m9M.jpg, description: Magna duis consectetur sit ut commodo non eiusmod., dateAdded: 0001-01-01T00:00:00, isMain: false, publicId: null, isImage: true, mainImage: https://randomuser.me/api/port
E/flutter ( 6245): [ERROR:flutter/lib/ui/ui_dart_state.cc(157)] Unhandled Exception: type 'List<dynamic>' is not a subtype of type 'FutureOr<Map<String, dynamic>>'
E/flutter ( 6245): #0      getUserFeed (package:TCS/social.dart:29:5)
E/flutter ( 6245): <asynchronous suspension>
E/flutter ( 6245): #1      _SocialPageState.setFeedData (package:TCS/social.dart:48:22)
E/flutter ( 6245): #2      _InkResponseState._handleTap (package:flutter/src/material/ink_well.dart:779:19)
E/flutter ( 6245): #3      _InkResponseState.build.<anonymous closure> (package:flutter/src/material/ink_well.dart:862:36)
E/flutter ( 6245): #4      GestureRecognizer.invokeCallback (package:flutter/src/gestures/recognizer.dart:182:24)
E/flutter ( 6245): #5      TapGestureRecognizer.handleTapUp (package:flutter/src/gestures/tap.dart:504:11)
E/flutter ( 6245): #6      BaseTapGestureRecognizer._checkUp (package:flutter/src/gestures/tap.dart:282:5)
E/flutter ( 6245): #7      BaseTapGestureRecognizer.handlePrimaryPointer (package:flutter/src/gestures/tap.dart:217:7)
E/flutter ( 6245): #8      PrimaryPointerGestureRecognizer.handleEvent (package:flutter/src/gestures/recognizer.dart:475:9)
E/flutter ( 6245): #9      PointerRouter._dispatch (package:flutter/src/gestures/pointer_router.dart:76:12)
E/flutter ( 6245): #10     PointerRouter._dispatchEventToRoutes.<anonymous closure> (package:flutter/src/gestures/pointer_router.dart:122:9)
E/flutter ( 6245): #11     _LinkedHashMapMixin.forEach (dart:collection-patch/compact_hash.dart:379:8)
E/flutter ( 6245): #12     PointerRouter._dispatchEventToRoutes (package:flutter/src/gestures/pointer_router.dart:120:18)
E/flutter ( 6245): #13     PointerRouter.route (package:flutter/src/gestures/pointer_router.dart:106:7)
E/flutter ( 6245): #14     GestureBinding.handleEvent (package:flutter/src/gestures/binding.dart:218:19)
E/flutter ( 6245): #15     GestureBinding.dispatchEvent (package:flutter/src/gestures/binding.dart:198:22)
E/flutter ( 6245): #16     GestureBinding._handlePointerEvent (package:flutter/src/gestures/binding.dart:156:7)
E/flutter ( 6245): #17     GestureBinding._flushPointerEventQueue (package:flutter/src/gestures/binding.dart:102:7)
E/flutter ( 6245): #18     GestureBinding._handlePointerDataPacket (package:flutter/src/gestures/binding.dart:86:7)
E/flutter ( 6245): #19     _rootRunUnary (dart:async/zone.dart:1196:13)
E/flutter ( 6245): #20     _CustomZone.runUnary (dart:async/zone.dart:1085:19)
E/flutter ( 6245): #21     _CustomZone.runUnaryGuarded (dart:async/zone.dart:987:7)
E/flutter ( 6245): #22     _invoke1 (dart:ui/hooks.dart:275:10)
E/flutter ( 6245): #23     _dispatchPointerDataPacket (dart:ui/hooks.dart:184:5)
E/flutter ( 6245): 

最佳答案

首先将feedData更改为此:

List<dynamic> feedData;
然后将Future getUserFeed()更改为:
Future<List<dynamic>> getUserFeed(){
...
并将setFeedData更改为:
  setFeedData() async{
      feedData = await getUserFeed();
  }

关于flutter - 将API中的数据设置为变量-Flutter,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62943066/

相关文章:

android - 在底部导航 flutter 后面扩展容器

运行 flutter Release模式时出现 java.lang.ExceptionInInitializerError

database - 如何在 Flutter 应用程序中最好地在本地存储和操作大型数据集

flutter - dart 构造函数 copyWith 参数显示为 null

flutter - 如何在 Flutter 中更新我的 ListView 并解决 StateFull Widget 的问题?

android - Flutter - 无法从父小部件更改子状态

flutter - 从真正的移动浏览器访问 flutter localhost

flutter - 为什么 Tapbar 空间不够?

flutter - 下面的构造函数在 dart 中如何工作,我已经提取了小部件,而 flutter 为我的小部件提供了下面的构造函数

flutter - 当按钮的highlightColor更改时,是否可以更改FlatButton内部的文本颜色?