- vừa được xem lúc

Giới thiệu về Flutter

0 0 24

Người đăng: VU NGOC TUAN

Theo Viblo Asia

1. Flutter là gì?

  • Flutter là mobile UI framework của Google để tạo ra các giao diện chất lượng cao trên iOS và Android trong khoảng thời gian ngắn. Flutter hoạt động với những code sẵn có được sử dụng bởi các lập trình viên, các tổ chức.
  • Flutter hoàn toàn miễn phí và cũng là mã nguồn mở.

2. Tại sao lại là Flutter?

  • Nếu bạn đang tìm kiếm các phương pháp thay thế để phát triển ứng dụng Android, bạn nên cân nhắc thử Flutter của Google, một framework dựa trên ngôn ngữ lập trình Dart.
  • Các ứng dụng được xây dựng với Flutter hầu như không thể phân biệt với những ứng dụng được xây dựng bằng cách sử dụng Android SDK, cả về giao diện và hiệu suất. Hơn nữa, với những tinh chỉnh nhỏ, chúng có thể chạy trên thiết bị iOS.
  • Chạy ở 60 fps, giao diện người dùng được tạo ra với Flutter thực thi tốt hơn nhiều so với những ứng dụng được tạo ra với các framework phát triển đa nền tảng khác chẳng hạn như React Native và Ionic. Một số lí do khiến bạn có thể hứng thú với Flutter:
    1. Flutter sử dụng Dart, một ngôn ngữ nhanh, hướng đối tượng với nhiều tính năng hữu ích như mixin, generic, isolate, và static type.
    2. Flutter có các thành phần UI của riêng nó, cùng với một cơ chế để kết xuất chúng trên nền tảng Android và iOS. Hầu hết các thành phần giao diện người dùng, đều sẵn dùng, phù hợp với các nguyên tắc của Material Design.
    3. Các ứng dụng Flutter có thể được phát triển bằng cách4 sử dụng IntelliJ IDEA, một IDE rất giống với Android Studio.

3. Đặc điểm nổi bật

  1. Fast Development: Tíng năng Hot Reload hoạt động trong milliseconds để hiện thị giao diện tới bạn. Sử dụng tập hợp các widget có thể customizable để xây dựng giao diện trong vài phút. Ngoài ra Hot Reload còn giúp bạn thêm các tính năng, fix bug tiết kiệm thời gian hơn mà không cần phải thông qua máy ảo, máy android hoặc iOS. GIF
  2. Expressive and Flexible UI: Có rất nhiều các thành phần để xây dựng giao diện của Flutter vô cùng đẹp mắt theo phong cách Material Design và Cupertino, hỗ trợ nhiều các APIs chuyển động, smooth scrolling...
  3. Native Performance: Các widget của fluter kết hợp các sự khác biệt của các nền tảng ví dụ như scrolling, navigation, icons, font để cung cấp một hiệu năng tốt nhất tới iOS và Android.

4. Video giới thiệu về cách Flutter giúp bạn phát triển ứng dụng

5. Cài đặt

Bạn có thể cài đặt bằng cách clone Flutter repository từ Github về:

git clone https://github.com/flutter/flutter.git

Tiếp theo bạn nên sử dụng công cụ chuẩn đoán của Flutter để kiểm tra các thành phần như Dart SDK, font Material Design:

cd flutter/bin
./flutter doctor

Giao diện công cụ chuẩn đoán Flutter Doctor: Để xây dựng ứng dụng Android, bạn phải trỏ Flutter tới thư mục của Android Studio

./flutter config --android-studio-dir ~/android-studio

Cấu hình với IntelliJ hoặc Android Studio, chọn Configure->Plugins tại màn hình khởi động Sau đó cài đặt plugin Dart Tương tự với plugin Flutter Sau khi cài Dart và Flutter bạn nên khởi động lại IDE

Bây giờ, bạn phải trỏ plugin Flutter đến thư mục mà bạn đã cài đặt Flutter. Để làm như vậy, hãy chọn Configure > Settings trong màn hình chào mừng và trong hộp thoại bật lên, điều hướng đến Languages & Frameworks > Flutter. Trong trường Flutter SDK path, gõ đường dẫn tuyệt đối của thư mục. Như vậy là bạn đã xong phần cấu hình cho IDE. Bạn có thể tìm hiểu thêm về các component trong flutter tại đây Flutter Components.

Happy Reading ^^.

5. Tham khảo

  1. https://flutter.io/get-started/install/
  2. https://code.tutsplus.com/vi/tutorials/developing-an-android-app-with-flutter--cms-28270
  3. https://proandroiddev.com/what-the-f-tter-understanding-flutter-as-an-android-java-developer-2158086a2bd9

Bình luận

Bài viết tương tự

- vừa được xem lúc

Giới thiệu Typescript - Sự khác nhau giữa Typescript và Javascript

Typescript là gì. TypeScript là một ngôn ngữ giúp cung cấp quy mô lớn hơn so với JavaScript.

0 0 500

- vừa được xem lúc

Cài đặt WSL / WSL2 trên Windows 10 để code như trên Ubuntu

Sau vài ba năm mình chuyển qua code trên Ubuntu thì thật không thể phủ nhận rằng mình đã yêu em nó. Cá nhân mình sử dụng Ubuntu để code web thì thật là tuyệt vời.

0 0 374

- vừa được xem lúc

Đặt tên commit message sao cho "tình nghĩa anh em chắc chắn bền lâu"????

. Lời mở đầu. .

1 1 701

- vừa được xem lúc

Tìm hiểu về Resource Controller trong Laravel

Giới thiệu. Trong laravel, việc sử dụng các route post, get, group để gọi đến 1 action của Controller đã là quá quen đối với các bạn sử dụng framework này.

0 0 335

- vừa được xem lúc

Phân quyền đơn giản với package Laravel permission

Như các bạn đã biết, phân quyền trong một ứng dụng là một phần không thể thiếu trong việc phát triển phần mềm, dù đó là ứng dụng web hay là mobile. Vậy nên, hôm nay mình sẽ giới thiệu một package có thể giúp các bạn phân quyền nhanh và đơn giản trong một website được viết bằng PHP với framework là L

0 0 421

- vừa được xem lúc

Bạn đã biết các tips này khi làm việc với chuỗi trong JavaScript chưa ?

Hi xin chào các bạn, tiếp tục chuỗi chủ đề về cái thằng JavaScript này, hôm nay mình sẽ giới thiệu cho các bạn một số thủ thuật hay ho khi làm việc với chuỗi trong JavaScript có thể bạn đã hoặc chưa từng dùng. Cụ thể như nào thì hãy cùng mình tìm hiểu trong bài viết này nhé (go).

0 0 414