Android·
iOS·
Web·
Windows·
macOS·
Linux
Bitta kod — iOS, Android, Web, Desktop.
Dart tilini o'rganing, professional dasturchi bo'ling.
import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext ctx) { return MaterialApp( home: Scaffold( body: Center( child: Text('Hello, Flutter! 👋'), ), ), ); } }
Android·
iOS·
Web·
Windows·
macOS·
Linux
Flutter — Google tomonidan 2018-yilda chiqarilgan, bitta kod bazasi orqali Android, iOS, Web va Desktop ilovalar yaratish imkonini beruvchi zamonaviy framework.
Dart dasturlash tili asosida ishlaydi va widget-based arxitekturaga ega. Har bir UI elementi — bu widget. Kod toza, tushunarli va qayta ishlatish oson.
Flutter'ning asosiy kuchi — Skia / Impeller grafik dvigatelidir. To'g'ridan-to'g'ri piksellarni chizadi — barcha platformada bir xil ko'rinish.
Kodni o'zgartirsangiz ilova sekundda yangilanadi. Vaqtni 3x tejaysiz.
Har qanday dizayn. Piksel-perfect. Platform cheklovlari yo'q.
60/120 fps. Dart AOT kompilyatsiyasi — native tezlik.
30,000+ tayyor paket. Har qanday funksiyani tezda ulaysiz.
Quyida ikkita live demo — ikkisi ham bir xil ko'rinadi. Lekin ichida juda farqli:
Scaffold( appBar: AppBar( title: Text('Mening Ilovam'), ), drawer: Drawer( child: ListView( children: [ DrawerHeader(...), ListTile(...), ], ), ), body: Center( child: Text('Asosiy sahifa'), ), );
<!-- AppBar --> <div class="appbar"> <button id="menuBtn" onclick="toggleDrawer()"> <span class="bar"></span> <span class="bar"></span> <span class="bar"></span> </button> </div> <div class="overlay"></div> <div class="drawer">...</div> <div class="main-body">...</div>
.drawer { position: fixed; top: 0; left: 0; width: 280px; height: 100%; background: white; transform: translateX(-100%); transition: transform 0.3s; z-index: 200; } .drawer.open { transform: translateX(0); } .overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; z-index: 150; }
function toggleDrawer() { const d = getElementById('drawer'); const o = getElementById('overlay'); const isOpen = d.classList.contains('open'); if (isOpen) { d.classList.remove('open'); o.classList.remove('show'); } else { d.classList.add('open'); o.classList.add('show'); } }
Android + iOS + Web + Desktop — bitta kod, bitta jamoa.
Hot reload tufayli dizayn o'zgarishlarini real vaqtda ko'rasiz.
pub.dev'da 30 000+ paket — autentifikatsiyadan animatsiyagacha.
Google o'z ilovalarida Flutter ishlatadi. Uzoq muddatli kafolat.
Android va iOS dizayn tillari tayyor — qo'shimcha kutubxona shart emas.
Flutter dasturchilarga talab yildan-yilga o'sib bormoqda.
Dart — Google tomonidan yaratilgan, strongly-typed, ob'ektga yo'naltirilgan dasturlash tili. C va Java'ga o'xshash sintaksis, lekin ancha sodda va zamonaviy.
// Null Safety String? name = null; String sure = name ?? 'Ism yo\'q'; // async / await Future<String> fetchUser() async { await Future.delayed( Duration(seconds: 1)); return 'Saidumar'; } // Class + Constructor class Student { final String name; final int age; Student({ required this.name, required this.age, }); } // List, Map final skills = ['Dart', 'Flutter']; final scores = {'dart': 95, 'ui': 88}; skills.forEach((s) => print(s));
Google tomonidan Flutter'ga o'tkazilgan asosiy to'lov ilovasi
Millionlab foydalanuvchiga ega savdo platformasi
My BMW ilovasi avtomobilni masofadan boshqarish va manitoring uchun
Flutterda yaratilgan reklama kampaniyalarni boshqarish malumotlarni real vaqtda tekshirish uchun
AI-asosida kun yuritish — App Store'da #1 bo'lgan ilova
Avtomobil savdosi platformasi — Flutter bilan qayta yozilgan
Katta ko'lamli ilovalarda Flutter'dan foydalangan global tex kompaniyalardan biri
Video taxrirlashga uchun maxsus ilova
Ro'yxatdan o'ting, biz siz bilan bog'lanamiz va kurs haqida to'liq ma'lumot beramiz.
Ro'yxatdan O'tish →