ساخت HelloWorld در فلاتر با طراحی ان توسط ویجت ها

بالاخره بعد از این در و اون در زدن تونستم چند کلمه خصوصی با فلاتر خانم صحبت کرده و HelloWorld را بسازم :)

اندروید استودیو را باز کرده و کد زیر را در فایل main.dart وارد کنید ولی قبلش حتما همه ی کد های این فایل را پاک کنید

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Flutter'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

خوب بریم سراغ توضیحات

قسمت void main() => از این پیکان در اول همه ی متد ها نمایش داده میشود .

قسمت StatelessWidget که باعث میشود برنامه شما به صورت ویجت در اید که در فلاتر تقریبا همه چیز یک ویجت است

قمست Scaffold که از کتابخانه متریال است که ویژگی هایی را در اختیار شما میگذارد مثل AppBar یا Title یا ویژگی های بدنه طراحی است که درخت ویجت را در اختیار دارد

قسمت build() که نحوه نمایش ویجت را بر عهده دارد

قسمت Center که ویجت مرکز است که ویجت های زیر مجموعه خود را در مرکز تراز میکند و دارای یک بچه به نام Text است که حاوی عبارت HelloWorld است

در اخر هم برنامه را Run کنید در مرتبه ی اول ممکن است کمی طول بکشد ولی در مراتب بعدی به 2 ثانیه هم اجرا طول نمیکشد و با خروجی زیر روبه رو می شوید

قلب خوشگل موشگل یادتون نره اگر از اموزش خوشتان امده