{"id":17217,"date":"2020-08-13T05:53:12","date_gmt":"2020-08-13T05:53:12","guid":{"rendered":"https:\/\/www.devopsschool.com\/blog\/?p=17217"},"modified":"2020-08-13T09:25:33","modified_gmt":"2020-08-13T09:25:33","slug":"how-to-display-hello-world-in-flutter","status":"publish","type":"post","link":"https:\/\/www.devopsschool.com\/blog\/how-to-display-hello-world-in-flutter\/","title":{"rendered":"How To Display ‘Hello World’ in Flutter."},"content":{"rendered":"\n

To Display “Hello World<\/span>” in Flutter, just Follow the Below Steps.<\/strong><\/p>\n\n\n\n

Step 1 :-<\/strong><\/span> First of all, Import material.dart<\/span><\/strong> package library.<\/p>\n\n\n\n

import ‘package:flutter\/material.dart’;<\/span><\/strong><\/p>\n\n\n\n

<\/strong>\n\n\n\n

Step 2 :-<\/strong><\/span> Now, we call our main <\/strong>method.<\/p>\n\n\n\n

void main() { }<\/strong><\/span><\/p>\n\n\n\n

<\/strong>\n\n\n\n

Step 3 :-<\/strong><\/span> Under main()<\/strong> we perform all our operations. So, Under main()<\/strong> we call runApp()<\/span><\/strong> in which we use Widgets<\/strong> to perform any operation. <\/p>\n\n\n\n

<\/strong>\n\n\n\n

Step 4 :-<\/strong><\/span> Now, we call Centre<\/span><\/strong> Widget<\/strong> under runApp()<\/strong><\/span> method [ To show text in centre<\/em> ] in which we take Text Widget<\/span><\/em><\/strong> as child<\/strong>, and in text widget lets pass a Welcome Message “Hello World<\/span>“<\/strong>. <\/p>\n\n\n\n

<\/strong>\n\n\n\n

Step 5 :-<\/strong><\/span> Now, we add Direction<\/strong> to our Text Widget<\/strong> otherwise it returns error. See Below the Text Widget<\/strong><\/p>\n\n\n\n

child: Text(“Hello World”, textDirection: TextDirection.ltr,)<\/strong><\/span><\/p>\n\n\n\n

<\/strong>\n\n\n\n

All Done<\/span><\/strong>. Now we are Ready <\/strong>to run<\/strong> our project <\/strong>But before that, please match your code with mine to not get any Error. See Below :- <\/p>\n\n\n\n

<\/strong>\n\n\n\n