title: Data Types in Flutter
body: <p>Hi guys so I am working around a datatype that is &quot;int&quot; and &quot;double&quot;... but how do I pass it in the text such that I can have a parenthesis or bracket around my int like this; (260) and a currency or letters attached to my double like this; $20.00 or GHS15.00
  any help</p>
  <p>this is my code;</p>
  <pre><code>class FoodDetails {
    final Color primaryColor, backColor;
    final double width, productRate, productPrice;
    final String productUrl, productName;
  
    FoodDetails({
      this.primaryColor,
      this.backColor,
      this.width,
      this.productRate,
      this.productUrl,
      this.productName,
      this.productPrice,
    });
  }
  
  List&lt;FoodDetails&gt; demoFoods = [
    FoodDetails(
      productName: 'Burger + Fries',
      productPrice: 20.00,
      productRate: 3.5,
      productUrl: 'assets/images/kfc1.png',
      backColor: Colors.orange.shade600,
    ),
    FoodDetails(
      productName: 'Peperoni Pizza',
      productPrice: 45.00,
      productRate: 3.5,
      productUrl: 'assets/images/pizza2.png',
      backColor: Colors.orangeAccent.shade100,
    ),
    FoodDetails(
      productName: 'Sundae IceCream',
      productPrice: 40.00,
      productRate: 5.0,
      productUrl: 'assets/images/regularsundae.png',
      backColor: Colors.purple,
    ),
    FoodDetails(
      productName: 'Chicken Nuggets 2pcs.',
      productPrice: 35.05,
      productRate: 3.6,
      productUrl: 'assets/images/kfc2.png',
      backColor: Colors.amber.shade50,
    ),
  ];
  </code></pre>
  <p>this is where I am passing the datatypes just read and follow;</p>
  <pre><code>    class FoodCard extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return SizedBox(
        width: SizeConfig.screenWidth,
        height: getProportionateScreenHeight(220),
        child: Column(
          children: [
            Expanded(
              flex: 3,
              child: PageView.builder(
                onPageChanged: (value) {},
                controller: PageController(
                  initialPage: 0,
                ),
                itemCount: demoFoods.length,
                itemBuilder: (context, index) =&gt; Container(
                  margin: EdgeInsets.only(right: 10),
                  width: SizeConfig.screenWidth,
                  decoration: BoxDecoration(
                    color: demoFoods[index].backColor,
                    borderRadius: BorderRadius.circular(10),
                    image: DecorationImage(
                      image: AssetImage(demoFoods[index].productUrl),
                      fit: BoxFit.cover,
                    ),
                    boxShadow: [
                      BoxShadow(
                        color: Colors.white70,
                        blurRadius: 4.0,
                        offset: Offset(3.0, 3.0),
                      ),
                    ],
                  ),
                  child: Column(
                    mainAxisAlignment: MainAxisAlignment.end,
                    children: [
                      Container(
                        width: double.infinity,
                        height: 70,
                        padding: EdgeInsets.symmetric(
                          horizontal: getProportionateScreenWidth(10),
                          vertical: getProportionateScreenHeight(5),
                        ),
                        decoration: cardInfoDecoration,
                        child: Column(
                          crossAxisAlignment: CrossAxisAlignment.start,
                          children: [
                            Row(
                              children: [
                                Text(
                                  demoFoods[index].productName,
                                  style: TextStyle(
                                      color: CupertinoColors.white,
                                      fontSize: 20,
                                      fontWeight: FontWeight.w700),
                                ),
                                Spacer(),
                                Container(
                                  padding: const EdgeInsets.all(4.0),
                                  decoration: likedWidgetDecoration,
                                  child: Icon(
                                    Icons.near_me,
                                    size: 17.0,
                                    color: kPrimaryColor,
                                  ),
                                ),
                              ],
                            ),
                            Padding(
                              padding: const EdgeInsets.only(top: 10),
                              child: Row(
                                children: &lt;Widget&gt;[
                                  Text(
                                    demoFoods[index].productRate.toString(),
                                    style: TextStyle(
                                      fontSize: 17.5,
                                      color: Colors.white,
                                    ),
                                  ),
                                  SizedBox(
                                      width: getProportionateScreenWidth(10)),
                                  buildSmoothStarRating(index),
                                  Spacer(),
                                  Text(
                                    demoFoods[index].productPrice.toString(),
                                    style: TextStyle(
                                      fontSize: 17.5,
                                    ),
                                  ),
                                ],
                              ),
                            ),
                          ],
                        ),
                      ),
                    ],
                  ),
                ),
              ),
            ),
          ],
        ),
      );
    }
  </code></pre>