|
MaterialApp widget’ini yaratib, dastur uchun asosiy mavzu va navigatsiya sozlamalarini kiriting.
Scaffold
|
bet | 8/12 | Sana | 16.05.2024 | Hajmi | 39,49 Kb. | | #238494 |
Bog'liq MARUZA FIRDAVSMaterialApp widget’ini yaratib, dastur uchun asosiy mavzu va navigatsiya sozlamalarini kiriting.
Scaffold widget’ini qo‘llab, asosiy ekran tuzilmasini yarating.
AppBar, FloatingActionButton, Center, Text kabi widget’lardan foydalanib, foydalanuvchi interfeysini yarating.
StatefulWidget yoki StatelessWidget kabi widget turlaridan foydalanib, dasturning dinamik qismlarini boshqaring.
Dasturni sinovdan o‘tkazish uchun emulator yoki haqiqiy qurilmada ishga tushiring.
Mana, oddiy Flutter ilovasining asosiy kod namunasi:
import 'package:flutter/material.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
);
}
}
class MyHomePage extends StatelessWidget {
final String title;
MyHomePage({Key key, this.title}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(title),
),
body: Center(
child: Text('Hello, Flutter!'),
),
floatingActionButton: FloatingActionButton(
onPressed: () {},
tooltip: 'Increment',
child: Icon(Icons.add),
),
);
}
}
Bu kod Flutter’da Material Design uslubidagi ilova yaratish uchun asosiy tuzilmani taqdim etadi. Ilovaning asosiy qismlari MaterialApp, Scaffold, AppBar, va Center widget’lari orqali yaratilgan.
Flutter’da ilova yaratish bo‘yicha ko‘proq ma’lumot olish uchun, rasmiy Flutter hujjatlariga murojaat qilishingiz yoki YouTube’da joylashtirilgan “How do I make my first Flutter app” kabi o‘quv videolarini tomosha qilishingiz mumkin. Shuningdek, DigitalOcean saytida joylashtirilgan “How To Get Started with Your First Flutter App” nomli qo‘llanmani o‘qishni tavsiya etaman. Ushbu manbalar sizga Flutter’da ilova yaratish jarayonini batafsil o‘rgatadi.
Dart tilida ilova yaratishni o’rganish uchun quyidagi manbalar va usullarni tavsiya qilaman:
|
| |