Flutter: Quản lý điều hướng cục bộ với Navigator

Trong Flutter, việc điều hướng giữa các màn hình thường được thực hiện thông qua Navigator toàn cục. Tuy nhiên, có những trường hợp sử dụng đặc biệt yêu cầu quản lý điều hướng riêng lẻ cho một phần giao diện, ví dụ như biểu mẫu nhiều bước, hoặc khi bạn muốn mỗi tab trong thanh điều hướng dưới cùng có một ngăn xếp điều hướng độc lập. Navigator ...

Đăng vào ngày 29 tháng 9 lúc 07:07

Tạo Mã Vạch Và Mã QR Cho Ứng Dụng OpenHarmony Sử Dụng Thư Viện Flutter barcode_image

Tính năng tạo mã vạch (Barcode) và mã QR là yếu tố thiết yếu trong các hệ thống logistics, thanh toán thương mại điện tử, quản lý tài sản hoặc chia sẻ dữ liệu ngoại tuyến dành cho nền tảng OpenHarmony. Để giải quyết bài toán chuyển đổi chuỗi ký tự thô thành hình ảnh đồ họa có thể hiển thị trực tiếp lên giao diện, thư viện barcode_image hoạt độn ...

Đăng vào ngày 25 tháng 9 lúc 09:04

Tạo Toast tùy chỉnh trong Flutter bằng Widget và Overlay

Trong Flutter, để hiển thị thông báo dạng toast mà không phụ thuộc vào nền tảng (native), bạn có thể sử dụng OverlayEntry kết hợp với các widget tùy chỉnh. Cách này cho phép bạn kiểm soát hoàn toàn giao diện và hành vi của thông báo. CustomToastManager.dart import 'package:flutter/material.dart'; import 'dart:async'; class CustomToastManager ...

Đăng vào ngày 15 tháng 9 lúc 22:22

Triển Khai Thanh Điều Hướng Dưới Cùng Tùy Chỉnh trong Flutter trên OpenHarmony: Giải Pháp Toàn Diện

Giới thiệu về Thanh Điều hướng Dưới cùng Thanh điều hướng dưới cùng (Bottom Navigation Bar) là một thành phần giao diện người dùng quen thuộc trong hầu hết các ứng dụng di động có nhiều màn hình chính. Nó giúp người dùng dễ dàng chuyển đổi giữa các phần khác nhau của ứng dụng. Trong bối cảnh phát triển ứng dụng Flutter cho nền tảng OpenHarmony, ...

Đăng vào ngày 13 tháng 9 lúc 22:58

Thư viện Flutter FFloat: Hướng dẫn triển khai lớp phủ linh hoạt

Giới thiệu tổng quan FFloat là một thư viện widget Flutter mã nguồn mở, chuyên biệt cho việc xây dựng các lớp phủ (overlay) có độ kiểm soát cao và khả năng tùy biến mạnh mẽ. Không chỉ hỗ trợ định vị chính xác theo nhiều chiến lược — như căn lề tương đối, bám vào cạnh, hoặc gắn theo tọa độ tuyệt đối — thư viện còn tích hợp sẵn các thuộc tính th ...

Đăng vào ngày 2 tháng 9 lúc 07:10

Xây dựng tệp APK phát hành cho ứng dụng Flutter trên Android

Để triển khai ứng dụng Flutter của bạn trên thiết bị Android hoặc phát hành lên Google Play Store, bạn cần tạo một tệp APK (Android Package Kit) đã được ký điện tử. Quy trình này bao gồm việc tạo khóa ký, cấu hình dự án, và cuối cùng là biên dịch ứng dụng. Bước 1: Tạo khóa ký điện tử (Signing Key) Khóa ký điện tử là một yếu tố bảo mật quan trọ ...

Đăng vào ngày 18 tháng 8 lúc 08:58

Flutter 2025: Xây dựng pipeline kiểm thử năm chiều từ unit test đến giám sát production

1. Tại sao chỉ "test UI" là sai lầm nghiêm trọng? Theo báo cáo Mobile Quality 2024, 71 % lỗi nghiêm trọng trên production bắt nguồn từ các kịch bản biên chưa được bao phủ. Flutter đã tích hợp sẵn flutter test, integration_test, golden_toolkit vào DevTools, nhưng nếu thiếu chiến lược phân tầng, bạn vẫn rơi vào "test cho có". 2. Kim tự tháp kiểm ...

Đăng vào ngày 15 tháng 8 lúc 11:50

Hướng Dẫn Cài Đặt Và Sử Dụng Dự Án TubeCards

Tổng Quan Về Cấu Trúc Dự Án TubeCards là một ứng dụng học tập sử dụng kỹ thuật间隔复习法 (spaced repetition), được xây dựng trên nền tảng Flutter và tích hợp với YouTube để hỗ trợ việc ghi nhớ kiến thức qua video. Trước khi bắt đầu làm việc với dự án, việc hiểu rõ cấu trúc thư mục sẽ giúp bạn định hướng và phát triển một cách hiệu quả. Cấu Tr ...

Đăng vào ngày 10 tháng 8 lúc 22:16

Xây dựng và tối ưu hóa kiến trúc trang chủ ứng dụng Flutter trên OpenHarmony

Việc xây dựng một giao diện trang chủ phức tạp đòi hỏi cấu trúc mã nguồn rõ ràng để tránh tình trạng các thành phần bị phụ thuộc quá chặt chẽ (tight coupling). Khi phát triển ứng dụng Flutter cho OpenHarmony, việc phân tách module không chỉ giúp mã nguồn dễ bảo trì mà còn tối ưu hóa hiệu suất hiển thị trên các thiết bị chạy HarmonyOS. Cấu trúc ...

Đăng vào ngày 30 tháng 7 lúc 11:59

Kiến trúc hệ thống thông báo đẩy đa nền tảng trong dịch vụ lưu trữ Ente

Ente là một dịch vụ lưu trữ hình ảnh mã hóa đầu cuối (E2EE) đòi hỏi tính bảo mật cao và sự đồng bộ tức thì giữa các thiết bị. Hệ thống thông báo đẩy của Ente được thiết kế để hoạt động ổn định trên Android, iOS và Web, đồng thời đảm bảo quyền riêng tư tối đa cho người dùng. Tổng quan về kiến trúc hệ thống Hệ thống sử dụng mô hình kết hợp giữa ...

Đăng vào ngày 19 tháng 7 lúc 13:35