如何将帖子响应转换为颤振中可呈现的形式

Question

主页屏幕

结果屏幕

当按下搜索按钮时，我会看到如上图所示的结果屏幕

我需要以下面的图片的形式呈现上面列表中的数据

结果屏幕原型

目前结果屏幕的代码如下

结果页.dart

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

class output extends StatelessWidget {
  final String apiresult;

  output(this.apiresult);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Result Screen'),
      ),
      body: Center(
        child: Text(apiresult),
      ),
    );
  }
}

任何人都可以提供按照上述设计排列数据的代码吗

Answer 1

//for answer:    
Text(apiresult["data"][0]),
   
//for explanation 
Text(apiresult["data"][1]),

对于图像，您可以使用

apiresult["data"][2]

，但编码为base64。所以你必须将其解码为图像。