Khởi tạo ứng dụng Flutter đầu tiên

Đây là hướng dẫn nhằm giúp khởi tạo ứng dụng Flutter đầu tiên của bạn. Bước đầu làm quen với Flutter hãy cùng bắt đầu bằng ứng dụng Hello World đầu tiên.

Flutter là gì? Flutter là một dự án mã nguồn mở hiện vẫn đang trong giai đoạn thử nghiệm, đây được xem là một SDK mới dành cho thiết bị di động để giúp nhà phát triển và nhà thiết kế xây dựng ứng dụng dành cho thiết bị di động cho nền tảng iOS và Android.

Để hoàn thành việc khởi tạo ứng dụng Flutter đầu tiên yêu cầu bạn cần phải cài đặt Flutter SDK và một phần mềm IDE chẳng hạn Android Studio, IntelliJ IDEA…

Bước 1: Tạo một ứng dụng Flutter đơn giản và khởi chạy với ứng dụng Flutter đầu tiên của bạn. Bạn hãy khởi động Android Studio lên, chọn mục File > New Flutter Project.

Sau đó chọn mục Flutter application làm loại dự án và nhấn Next.

Nhập tên dự án chẳng hạn flutter_helloworld và nhấn Next để qua bước kế tiếp.

Tiếp theo bạn khai báo thêm thông tin Company domain và Package name rồi nhấn Finish để hoàn thành khởi tạo chương trình Flutter đầu tiên.

Bước 2: Trong ví dụ viết ứng dụng Flutter đầu tiên chúng ta sẽ hiển thị dòng chữ Hello World ở giữa màn hình.

Bạn cần thay thế nội dung của tập tin lib/main.dart thay thế hoàn toàn bằng đoạn mã sau đây:

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Welcome to Flutter',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Welcome to Flutter'),
        ),
        body: Center(
          child: Text('Hello World'),
        ),
      ),
    );
  }
}

Bước 3: Hãy bắt đầu khởi chạy ứng dụng bằng cách nhấp vào mũi tên màu xanh lá cây trong IDE. Bạn sẽ thấy đầu ra Android hoặc iOS tùy thuộc vào thiết bị của bạn.

Lời kết: Trong thời gian tới Team Việt Dev sẽ tiếp tục chia sẻ thêm nhiều bài viết về xây dựng ứng dụng di động trên Android và iOS bằng Flutter miễn phí đến bạn đọc, các bạn nhớ theo dõi kênh để có được những chia sẻ mới nhất.

(Tác giả: Team Việt Dev)