مقدمه
فلاتر (Flutter) فریمورکی متنباز است که توسط گوگل توسعه داده شده و امکان ساخت اپلیکیشنهای زیبا، سریع و کراسپلتفرم را تنها با یک کدبیس واحد فراهم میکند. اگر قصد دارید برنامهنویسی موبایل را با یک ابزار مدرن و قدرتمند شروع کنید، فلاتر یکی از بهترین گزینههاست.
پیشنیازها
پیش از ایجاد پروژه جدید، اطمینان حاصل کنید که ابزارهای زیر را نصب کردهاید:
- Flutter SDK
- ویرایشگر کد (VS Code یا Android Studio)
- Android SDK
- Xcode (فقط برای سیستمعامل macOS)
نصب فلاتر
ویندوز:
- Flutter SDK را از سایت رسمی flutter.dev دانلود کنید
- آن را در مسیر مناسبی مانند
C:\src\flutter
اکسترکت کنید - مسیر
flutter\bin
را به محیط PATH اضافه کنید - در ترمینال دستور
flutter doctor
را اجرا کنید
مک:
$ git clone https://github.com/flutter/flutter.git -b stable
$ export PATH="$PATH:`pwd`/flutter/bin"
$ flutter doctor
روشهای ایجاد پروژه جدید در فلاتر
1. از طریق ترمینال:
flutter create my_first_app
cd my_first_app
flutter run
2. با استفاده از Android Studio:
- باز کردن Android Studio
- File > New > New Flutter Project
- انتخاب "Flutter Application"
- وارد کردن اطلاعات پروژه
- کلیک روی Finish
3. از طریق VS Code:
- باز کردن Command Palette با Ctrl+Shift+P (یا Cmd+Shift+P در مک)
- انتخاب "Flutter: New Project"
- وارد کردن نام پروژه و محل ذخیره آن
ساختار پروژه فلاتر
بعد از ایجاد، پروژه دارای ساختار زیر است:
my_first_app/
├── android/ # پلتفرم اندروید
├── ios/ # پلتفرم iOS
├── lib/ # کدهای اصلی برنامه (Dart)
│ └── main.dart # نقطه ورود برنامه
├── test/ # تستهای واحد
├── pubspec.yaml # مدیریت وابستگیها
ویرایش کد اولیه پروژه
در فایل lib/main.dart
، کد پیشفرض پروژه قرار دارد. میتوانید آن را به شکل زیر ویرایش کنید:
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'اولین برنامه من',
home: Scaffold(
appBar: AppBar(title: Text('خوش آمدید')),
body: Center(child: Text('سلام دنیا!')),
),
);
}
}
مدیریت وابستگیها با pubspec.yaml
برای اضافه کردن پکیج جدید:
dependencies:
flutter:
sdk: flutter
http: ^0.13.3
سپس در ترمینال:
flutter pub get
نکات مهم برای شروع
- از آخرین نسخه Flutter استفاده کنید:
flutter upgrade
- پلاگینهای Flutter و Dart را در ویرایشگر خود نصب کنید
- برنامه را روی شبیهساز یا دستگاه واقعی تست کنید
- مستندات رسمی را مطالعه کنید
نتیجهگیری
با استفاده از فلاتر، میتوانید در مدت کوتاهی اپلیکیشنهای کراسپلتفرم با عملکرد بالا توسعه دهید. این مقاله یک راهنمای کامل برای ایجاد اولین پروژه در فلاتر بود. از اینجا به بعد، نوبت شماست که بیشتر یاد بگیرید و پروژههای واقعی بسازید.