Printing int value in Text widget flutter

Question

How do we print the int value in Text widget? I tried using '$num' but it just come out as instance of num.

This is what i tried so far

Text(
   '$widget.count'+'. ',
    style: TextStyle(
    fontFamily: 'sansPro',
    fontSize: 15,
    color: Colors.black,
    fontWeight: FontWeight.bold,
      ),
    ),

Can you provide more info? In all cases, using "$myInt" should be able to handle puting int values inside string. Can you add a bit more detail? Perhaps a few more line of code? — ARK1375
– ARK1375, Commented Jun 19, 2021 at 3:21
Consider if you want to use string interpolation and the value has in sub-class or widget, you should use {} i.e. '${widget.count}'+'. ', — Reza M
– Reza M, Commented Jun 19, 2021 at 3:24

Rohan Thacker · Accepted Answer · 2021-06-19 03:36:20Z

12

In your specific case you need to wrap the data with {}, So update the code to the following,

Text(
   '${widget.count}''. ',
    //...
);

And for more details:

To "print" or "render" a num value that is an int or a double in dart you can use the .toString() method on the variable. You can also use "String Interpolation" that is to evaluate a variable or an expression in a String.

For Example to create a Text widget that renders the a variable X:

Text(x.toString());

And using String Interpolation, you can use:

Text("$x");

If the variable needs to be evaluated as a part of an expression, That is if the vailable is part of an Object or you want to apply an operation before evaluating the final value, then the expression needs to be wrapped within {}, the code for that would be

Text("${x * 100}");

edited Jun 19, 2021 at 3:36

answered Jun 19, 2021 at 3:19

Rohan Thacker

6,4474 gold badges25 silver badges34 bronze badges

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

1 Comment

Rohan Thacker Over a year ago

@alep if this answer helped you, consider marking it as the accepted answer. So we can help others with the same question on StackOverflow.

Kalpesh Khandla · Accepted Answer · 2021-06-19 04:19:39Z

0

Text widget accept only data in a String format so you can get value in a int or double format and while displaying it convert it into String format. Consider a code snippet like a below:

intValueCount.toString()

answered Jun 19, 2021 at 4:19

Kalpesh Khandla

1

Comments

Shakeel Ahmad · Accepted Answer · 2024-02-01 07:52:55Z

0

it might be helpful for someone.

Issue:How to resolve "Invalid constant value." error - Flutter in VS Code

Let's suppose you want to show int value in Text e.g

import 'package:flutter/material.dart';

class ProductDetail extends StatelessWidget { final int productId;

const ProductDetail({super.key, required this.productId});

@override Widget build(BuildContext context) { return Container( child: Text("Id is ${productId} for Product Detail will go here"), ); } }

So Make sure no add any const before Text or any widget.

Thanks.

answered Feb 1, 2024 at 7:52

Shakeel Ahmad

113 bronze badges

Collectives™ on Stack Overflow

Printing int value in Text widget flutter

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related