Flutter: 7 алхам дахь эхнээс нь "Hello World" үндсэн програмыг бий болго

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:00

Сайн байцгаана уу залуусаа, би эхлэгчдэд зориулсан Flutter хичээлийг бүтээсэн.

Хэрэв та флуттер хөгжүүлэлтийг яг одоо эхлүүлэхийг хүсч байвал энэ нь эхлэгчдэд зориулсан Flutter зааварчилгаанд туслах болно.

Алхам 1: Танилцуулга

Flutter бол iOS болон Android дээр өндөр чанартай эх интерфэйсийг хурдан хугацаанд бүтээхэд зориулагдсан Google-ийн гар утасны SDK юм. Flutter нь одоо байгаа кодоор ажилладаг бөгөөд дэлхийн өнцөг булан бүрт байгаа хөгжүүлэгчид, байгууллагууд ашигладаг бөгөөд үнэгүй, нээлттэй эх сурвалжтай бөгөөд энэхүү кодын хуудсан дээр та Flutter програмыг бүтээх болно. Хэрэв та объектод чиглэсэн код, хувьсагч, гогцоо, нөхцөлт гэх мэт програмчлалын үндсэн ойлголтуудыг мэддэг бол энэхүү кодын хүснэгтийг бөглөж болно. Танд Dart болон мобайл програмчлалын талаар урьд өмнө ажиллаж байсан туршлага хэрэггүй.

Алхам 2: Энэ нийтлэлээс юу сурах вэ

1) Windows дээр flutter орчныг хэрхэн тохируулах вэ Windows дээр flutter суулгах.

2) Андройд виртуал төхөөрөмжийг хэрхэн үүсгэх, тохируулах талаар.

3) Флуттер ба виджетийн талаархи үндсэн ойлголт.

4) "Hello World" үндсэн програмыг үүсгэнэ үү.

Алхам 3: Windows дээр Flutter орчныг бий болго

Төсөл бий болгохын тулд танд шаардлагатай зүйлүүдийг суулгасан эсэхээ шалгаарай.

Хэрэв та тохиргоог хараахан үүсгэж амжаагүй байгаа бол Windows дээр Flutter -ийг суулгана уу.

Алхам 4: Андройд виртуал төхөөрөмж (AVD) үүсгэх, тохируулах

Та тохиргоог үүсгэсний дараа нэг Android Virtual Device (AVD) үүсгэсэн эсэхээ шалгаарай. Хэрэв та хараахан бүтээгээгүй байгаа эсвэл танд энэ талаар ямар ч ойлголт байхгүй байгаа бол санаа зовох хэрэггүй, бидэнд Андройд виртуал төхөөрөмжийг үүсгэх, тохируулах шийдэл байгаа.

Алхам 5: Flutter болон виджетийн үндсэн хэсгүүдийг үзэх

Эхлэхээсээ өмнө Flutter ба Widgets -ийн үндсэн ойлголтыг ойлгох хэрэгтэй.

Дээрх видеон дээр виджетүүдийг тайлбарласан болно.

Хоёр төрлийн виджетийг хамарсан

1) Төлөвлөсөн виджетүүд

2) харьяалалгүй виджет.

Үндсэн зүйлийг ойлгохын тулд энэ линкээр орно уу.

Алхам 6: Үндсэн статусгүй "Сайн уу ертөнц" аппликейшнийг үүсгэнэ үү

Дээрх видеон дээр "Hello World" програмыг алхам алхамаар хөгжүүлээрэй.

Дараахь алхамуудыг дээрх видеонд харуулав.

1) Гэртээ "Hello World" гэж бичихэд л хангалттай.

2) Дараа нь харьяалалгүй виджет ашиглан "Сайн байна уу ертөнц" текстийг нэг шатан дээр нэмж оруулав.

3) Дараа нь AppBar -ийг ашигласнаар уг програмыг зохих дүр төрхтэй болгоно.

Алхам 7: Баярлалаа

Хэрэв танд энэ заавар таалагдсан бол бүртгүүлнэ үү:)