Flutter có hỗ trợ animation mạnh mẽ, linh hoạt — từ implicit animation đơn giản tới explicit animation được kiểm soát hoàn toàn. Animation nâng cao UX với các chuyển cảnh và chuyển động mượt mà, và hệ thống dựa trên widget của Flutter khiến chúng dễ tiếp cận.
Implicit animation (cách dễ)
// các widget được animate ngầm sẽ animate TỰ ĐỘNG khi thuộc tính của chúng thay đổi
AnimatedContainer(
duration: Duration(milliseconds: 300),
width: _expanded ? 200 : 100, // thay đổi width → nó animate mượt mà
height: _expanded ? 200 : 100,
color: _expanded ? Colors.blue : Colors.red,
)
// chỉ cần thay đổi giá trị (với setState) → Flutter animate chuyển cảnh
// các loại khác: AnimatedOpacity, AnimatedPadding, AnimatedPositioned, v.v.
Implicit animation (, , v.v.) animate tự động khi thuộc tính của chúng thay đổi — cách dễ nhất để thêm animation.
