带有列表视图颤动的嵌套 Json

时间:2021-05-23 22:49:42

标签: json flutter

我正在尝试解析 json 并希望将列表视图中的图像显示为 carosal 或水平列表。

 [
    {
    "PhoneNo": "030780229",
    "VehicleNo": "1838",
    "Features": "1111",
    "Category": "Sedan",
    "carsalingImage": [
    {
    "PhoneNo": "030780229",
    "VehicleNo": "1838",
    "ImageURL": "data:image/png;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/4QBsRXhpZgAASUkqAAgAAAADADEBAgAHAAAA",
    "Id": 0
}]

我正在从 base64 转换图像

Widget _itemBuilder(BuildContext context, int index, String texts) {
    return InkWell(
        child: Card(
            child: Column(children: <Widget>[
          SizedBox(
            height: 200.0,
            child: ListView.builder(
              physics: ClampingScrollPhysics(),
              shrinkWrap: true,
              scrollDirection: Axis.horizontal,
              itemCount: userList.length,
              itemBuilder: (BuildContext context, int index) => Card(
                child: Container(
                    width: MediaQuery.of(context).size.width - 40,
                    child: Center(
                        child: Image(
                            image:
                                returnImg(userList[index].imageUrl.toString())
                                    .image))),
              ),
            ),
          ),
          Text(
            'Demo Headline 2',
          ),
       
          Container(
            height: 50,
            child: Text(
              "${texts}",
              style: TextStyle(
                fontWeight: FontWeight.w500,
                color: Colors.orange,
              ),
            ),
          ),
        ])),
        onTap: () {
          print(texts);
        }

        );
  }

  Image returnImg(String bytesData) {
   
    _bytesImage = base64.decode(bytesData.split(',').last);
   
    return Image.memory(_bytesImage);
  }

我的函数是这样的

final response = await http.get(uri);
    print(uri);
    if (response.statusCode == 200) {
      List jsonResponse = json.decode(response.body);
  return jsonResponse.map((car) => new Car.fromJson(car)).toList();

我的问题是图像没有水平显示到列表中。 如何从 JSON 返回并将图像呈现到列表中。我想将它们正确地显示到水平列表中或显示为 carousal。

0 个答案:

没有答案