How to split a String in Dart, Flutter

Question

I am getting a String balance from the backend, and it is something like this 430000. I would like to have an output like this 430,000. How do I go about it?

Row(
                        children: [
                          Padding(
                              padding: const EdgeInsets.only(
                                left: 12,
                              ),
                              child: Text(
                                "₦ ${user.availableBalance.toStringAsFixed(0)} ",
                                style: TextStyle(
                                  color: Colors.white,
                                  fontSize: 21.sp,
                                ),
                              )),
                        ],
                      ),

Davis · Accepted Answer · 2022-06-26 10:34:13Z

1

The best way is to use Regex so define this on the top

 class _HomeTabState extends State<HomeTab>  {

  //Regex
  RegExp reg = RegExp(r'(\d{1,3})(?=(\d{3})+(?!\d))'); //immport dar:core
  RegExp regex = RegExp(r'([.]*0)(?!.*\d)');
String Function(Match) mathFunc = (Match match) => '${match[1]},'; //match
...
//In your build
 Widget build(BuildContext context) {
...
Row(
                        children: [
                          Padding(
                              padding: const EdgeInsets.only(
                                left: 12,
                              ),
                              child: Text(
                                "₦ ${double.parse(user.availableBalance.toString()).toStringAsFixed(0)} " .replaceAllMapped(
                                                    reg, mathFunc),
                                style: TextStyle(
                                  color: Colors.white,
                                  fontSize: 21.sp,
                                ),
                              )),
                        ],
                      ),
...
}

}

Then to use it just turn your balance into a double then to String in order to access the toStringAsFixed(0) like this

"${double.parse(balance.toString()).toStringAsFixed(0)}".replaceAllMapped(reg, mathFunc),

so for 430 -> would be 430 and 4300 -> would be 4,300 and 43000 -> would be 43,000

edited Jun 26, 2022 at 10:34

answered Jun 26, 2022 at 10:15

Davis

1,4372 gold badges12 silver badges18 bronze badges

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

4 Comments

Victor Ayodeji Ogundola Over a year ago

This appears like the solution, but I don't really understand how to use it.

Davis Over a year ago

Please add your code so that you can be helped!

Victor Ayodeji Ogundola Over a year ago

I have attached my code..

Davis Over a year ago

So I have update the code: So this is how it works, the RegExp just removes decimals and matches to the other defined mathFunc

void void · Accepted Answer · 2022-06-26 11:20:53Z

1

I would suggest using the intl package https://pub.dev/packages/intl
Example usage:

var f = NumberFormat("#,###.##");
print(f.format(123456789.4567));

This will result in the following output:

123,456,789.46

Note that , in the pattern specifies the grouping separator and ### specifies the group size to be 3. .##specifies rounding on two decimal points.

Check for additional documentation: https://api.flutter.dev/flutter/intl/NumberFormat-class.html

answered Jun 26, 2022 at 11:20

void void

1,2241 gold badge6 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to split a String in Dart, Flutter

2 Answers 2

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related