Android Studio muhitida tarmoqli dasturlash. Google Map bilan ishlash Reja

Flutter loyihasini iskala qilish
Endi biz standart shablonni o'z loyiha tuzilmamiz shabloniga almashtirishimiz kerak. Birinchidan, ./lib papkasida ./screens nomli papka yaratishimiz kerak . Keyin, ./lib/screens papkasida biz Home.dart deb nomlangan yangi fayl yaratishimiz kerak . Home.dart ichida biz Scaffoldasosiy Ilovalar paneli va bo'sh korpusli vidjetni qaytaradigan oddiy Stateful vidjet sinfini amalga oshirmoqchimiz Container. Home.dart uchun kod quyidagi kod parchasida ko'rsatilgan:
import 'package:flutter/material.dart'; import 'package:flutter/widgets.dart'; class HomePage extends StatefulWidget { @override _HomePageState createState() => _HomePageState(); } class _HomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("Maps"), centerTitle: true, ), body: Container( child: Center( child: Text("Maps"), ), ), ); } }
Endi biz main.dart faylidagi standart shablonni almashtirishimiz va quyidagi kod parchasida ko'rsatilganidek, vidjet variantida HomePageekranni chaqirishimiz kerak:homeMaterialApp
import 'package:flutter/material.dart'; import 'package:mapExample/screens/Home.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', debugShowCheckedModeBanner: false, theme: ThemeData( primarySwatch: Colors.blue, visualDensity: VisualDensity.adaptivePlatformDensity, ), home: HomePage(), ); } }
Shunday qilib, biz quyidagi skrinshotda ko'rsatilgandek ekranni olamiz: