+2

Giới thiệu Flutter và cài đặt Flutter trên MacOS

Flutter ?

Flutter, một Framework do gã khổng lồ Google phát triển cho phép các lập trình viên xây dựng ứng dụng đa nền tảng, chạy cả trên ios và android, nói về việc xây dựng ứng dụng đa nền tảng có 1 thằng đi trước là React Native so với thằng React Native với thằng Flutter thằng Flutter build và chạy nhanh hơn thằng React Native, code có phần quản lý state và viết giao diện phức tạp hơn. Thằng này viết bằng ngôn ngữ lập trình Dart thằng này cũng có nhiều concepts và syntax như các ngôn ngữ lập trình khác, như Java và C++ hay Swift, và nó gần gũi hơn với JavaScript.

Install Flutter

Get the Flutter SDK https://flutter.dev/docs/development/tools/sdk/releases?tab=macos chọn bản releases mới nhất ở đây là v1.2.1 Unzip file flutter_macos_v1.2.1-stable.zip vừa tải về

Kiểm tra biến môi trường: echo $PATH

Kiểm tra thư mục hiện tại: 'pwd'

Thêm 1 PATH mới: export PATH="$PATH:'pwd'/flutter/bin"

Để chuẩn bị chạy và kiểm tra ứng dụng Flutter của bạn trên simulator iOS, tìm simulator qua Spotlight hoặc bằng cách sử dụng lệnh sau:

Set up the iOS simulator: open -a Simulator

Deploy to iOS devices

Run flutter doctor: flutter doctor để flutter tự động kiểm tra các gói cài đặt trên máy bạn đã phù hợp và đã đầy đủ hay chưa?

Ở đây mình bỏ qua Android toolchain ko dùng mình để ý thằng iOS toolchain Install homebrew : https://brew.sh/ thằng này quản lý package của macOS Homebrew giúp cài thêm các phần mềm, thư viện có trong Linux, Unix nhưng lại không sẵn cài trong MacOSX. chưa kể sẽ phải cấu hình môi trường thì phần mềm mới có thể chạy được. Homebrew được viết bằng Ruby ngôn ngữ kịch bản, được bổ xung thêm nhiều lệnh để đơn giản tối đa việc cấu hình, biên dịch, cài đặt, thiết lập môi trường cho một ứng dụng chạy trơn chu. Cài rồi thì update mới nhất: brew update

brew install --HEAD usbmuxd
 brew link usbmuxd
 brew install --HEAD libimobiledevice
 brew install ideviceinstaller ios-deploy cocoapods
 pod setup

Cài hết đống này tầm 20 phút xong bạn chạy lại lệnh flutter doctor để kiểm tra xem đã ok chưa

Create and run a simple Flutter app

flutter create my_app lưu ý chỉ dùng các kí tự trong [a-z0-9_]

Làm theo hướng dẫn : ` $ cd flutter_sun

$ flutter run`

Ở đây có 2 chọn device và chọn account development Tiếp theo open ios/Runner.xcworkspace

Kết quả


All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí