آموزش ساخت اپلیکیشن ساده با Flutter برای همه

فلاتر یک فریم ورک متن باز و قدرتمند برای ساخت اپلیکیشن های موبایل، وب و دسکتاپ با یک کدبیس واحد است. در این آموزش، با زبانی ساده و گام به گام، نحوه ساخت یک اپلیکیشن ساده را با فلاتر یاد خواهید گرفت. این آموزش برای افراد مبتدی و کسانی که هیچ تجربه ای در برنامه نویسی ندارند نیز مناسب است.

چرا فلاتر؟

فلاتر مزایای بسیاری نسبت به سایر فریم ورک های مشابه دارد، از جمله:

• عملکرد بالا: فلاتر از زبان Dart استفاده می کند که به طور مستقیم به کد ماشین تبدیل می شود و عملکرد بسیار خوبی دارد.
• توسعه سریع: فلاتر دارای ابزارها و ویجت های بسیاری است که به شما کمک می کنند تا اپلیکیشن های خود را به سرعت توسعه دهید.
• رابط کاربری زیبا: فلاتر دارای ویجت های زیبا و قابل سفارشی سازی است که به شما امکان می دهد تا رابط کاربری جذابی برای اپلیکیشن خود ایجاد کنید.
• کدبیس واحد: با فلاتر می توانید با یک کدبیس واحد، اپلیکیشن های موبایل (Android و iOS)، وب و دسکتاپ را توسعه دهید.

پیش نیازها

برای شروع این آموزش، به موارد زیر نیاز دارید:

• یک کامپیوتر با سیستم عامل Windows، macOS یا Linux
• نصب Flutter SDK: می توانید Flutter SDK را از وب سایت رسمی فلاتر دانلود و نصب کنید.
• نصب یک ویرایشگر کد: می توانید از ویرایشگرهای کد مختلفی مانند VS Code، Android Studio یا IntelliJ IDEA استفاده کنید.
• (اختیاری) یک دستگاه موبایل یا شبیه ساز برای تست اپلیکیشن

مراحل ساخت اپلیکیشن

در این آموزش، یک اپلیکیشن ساده با فلاتر خواهیم ساخت که یک متن را نمایش می دهد. مراحل ساخت اپلیکیشن به شرح زیر است:

1. ایجاد یک پروژه جدید

ابتدا یک پروژه جدید فلاتر ایجاد کنید. برای این کار، ترمینال یا Command Prompt را باز کنید و دستور زیر را وارد کنید:

        flutter create my_first_app
    

در این دستور، `my_first_app` نام پروژه شما است. می توانید این نام را به دلخواه تغییر دهید.

2. باز کردن پروژه در ویرایشگر کد

پس از ایجاد پروژه، پوشه آن را در ویرایشگر کد خود باز کنید.

3. ویرایش فایل `main.dart`

فایل `main.dart` را در پوشه `lib` باز کنید. این فایل، نقطه شروع اپلیکیشن شما است.

محتوای فایل `main.dart` را با کد زیر جایگزین کنید:

        
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('اپلیکیشن ساده من'),
        ),
        body: Center(
          child: Text(
            'سلام، این اولین اپلیکیشن من با فلاتر است!',
            style: TextStyle(fontSize: 20),
          ),
        ),
      ),
    );
  }
}
        
    

این کد، یک اپلیکیشن ساده ایجاد می کند که یک متن را در وسط صفحه نمایش می دهد.

4. اجرای اپلیکیشن

برای اجرای اپلیکیشن، ترمینال یا Command Prompt را باز کنید و به پوشه پروژه خود بروید. سپس دستور زیر را وارد کنید:

        flutter run
    

این دستور، اپلیکیشن شما را بر روی دستگاه موبایل یا شبیه ساز شما اجرا می کند.

سوالات متداول (FAQ)