[Flutter] Emoji's aren't dispalying in Flutter web, they are black and white

I am trying to print emojis on flutter app, but I am not seeing the emojis as such but seeing outline of those emojis (Sharing Screenshot below).

I have two files coursedata.dart and coursedescription.dart, The coursedata file contains information of courses that I am going to display in the coursedescription file.

This is what I am seeing when running the app. Below is what I am expecting as the output

Broccoli and Corn Footlong

Open Cheese Spinach Toasties

Mexican Cheese Pockets

Mumbai Toast

Chilly Cheese Sandwich

Veg Cheese Grilled Sandwich

Paneer Tikka Open Sandwich

Cheese Burst Pizza Sandwich

Paneer Toofani Sandwich

Hulk Sandwich

This is one of the course list in coursedata.dart

Course(
id: '3',
title: 'Cafe Style Sandwiches',
time: '11:00AM - 3:00PM',
imagePath: 'Cafe_Style_Sandwiches3.png',
noOfItems: '10',
items: ''' Broccoli and Corn Footlong
Open Cheese Spinach Toasties
Mexican Cheese Pockets
Mumbai Toast
Chilly Cheese Sandwich
Veg Cheese Grilled Sandwich
Paneer Tikka Open Sandwich
Cheese Burst Pizza Sandwich
Paneer Toofani Sandwich
Hulk Sandwich''',
imagePaths: [],
language: 'English',
certificateofCompletion: '', //Show Sample
highlights: '',
description:
'Join our Sandwich-Making course to learn the tricks of the trade. From old-school favorites to new and exciting creations, you will become a sandwich pro, making delicious flavors that everyone will love.',
price: 'Rs.2000'),


Following is my the container that contains the list for coursedescription.dart

Container(
margin: const EdgeInsets.only(right: 15, left: 15),
alignment: Alignment.bottomLeft,
child: Text(course.items),
),


What should I do to get the emojis this way?

Continue reading...