How to use double value in Text widget in flutter

Question

I got a response from API which is

{"id":1,"title":"Fjallraven - Foldsack No. 1 Backpack, Fits 15 Laptops","price":109.95,"description":"Your perfect pack for everyday use and walks in the forest. Stash your laptop (up to 15 inches) in the padded sleeve, your everyday","category":"men's clothing","image":"https://fakestoreapi.com/img/81fPKd-2AYL._AC_SL1500_.jpg","rating":{"rate":3.9,"count":120}},

I'm display price into Text widget but it gives me this error

type 'double' is not a subtype of type 'int' please let me know how to display double value in text widget

ProductModel class:

class ProductModel {
  ProductModel(
      {required this.title,
      required this.id,
      required this.urlImage,
      required this.price});

  String title;
  int id;
  String urlImage;
  String price;

  factory ProductModel.fromJson(Map<String, dynamic> json) => ProductModel(
      id: json["id"],
      title: json["price"],
      urlImage: json["image"],
      price: json["price"]);

  Map<String, dynamic> toJson() =>
      {"id": id, "title": title, "image": urlImage, "price": price};
}

Ravindra S. Patil · Accepted Answer · 2022-01-19 05:33:19Z

5

Try below code hope its help to you.

Your var declaration:

double price = 109.95;

Your Widget:

Using String Interpolation:

    Text(
        'Price: $price',
      ),

OR Using toString():

  Text(
         price.toString() ,
      ),

Result Screen->

answered Jan 19, 2022 at 5:33

Ravindra S. Patil

15.3k5 gold badges22 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Amroun · Accepted Answer · 2022-01-19 07:01:06Z

1

Answer of @Ravindra is correct but you need to fix your model.

First, change price type to double

Second, change

price: json['price']

to

price: (json['price'] as num)?.toDouble()

answered Jan 19, 2022 at 7:01

Amroun

4653 silver badges14 bronze badges

1 Comment

TimeToCode Over a year ago

i did that, thank you

Collectives™ on Stack Overflow

How to use double value in Text widget in flutter

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related