angjelkom/flutter_netflix

🚀 Netflix UI Clone bằng Flutter: BloC + GoRouter + Slivers

Clone Netflix trên Flutter, dùng BloC quản lý trạng thái, GoRouter điều hướng, và Slivers tạo giao diện cuộn mượt.

Dự án xây dựng giao diện Netflix bằng Flutter, sử dụng gói BloC để quản lý trạng thái và GoRouter cho điều hướng. Dữ liệu phim và show TV được lấy từ TMDB API. Mục tiêu chính là demo kết hợp BloC + GoRouter và trình bày mạnh mẽ khả năng dùng Slivers trong Flutter.

✨ Điểm nổi bật

• Quản lý trạng thái bằng BloC: Tách logic và UI rõ rệt, dễ bảo trì.
• Điều hướng bằng GoRouter: Hỗ trợ ShellRoute cho BottomBarNavigation.
• Sử dụng Slivers phong phú: CustomScrollView, SliverList, GridView, SliverAppBar, SliverPersistentHeader.
• Hoạt ảnh Hero: Chuyển tiếp mượt từ Home sang TV Shows.
• CustomPainter: Vẽ biểu tượng mặt cười trên trang chọn hồ sơ.
• Lấy dữ liệu thực tế từ TMDB: Phim, show TV cập nhật mới nhất.
• Màn hình đa dạng: Chọn hồ sơ, Home, New & Hot, chi tiết phim/TV.
• Tùy chỉnh App Icon và Splash Screen: Hỗ trợ Android 12 Splash Screen API.

💡 Vì sao đáng chú ý

Dự án không chỉ là clone giao diện, mà còn là tài liệu thực hành tốt cho việc dùng BloC và GoRouter cùng Slivers — một kết hợp khó nên nhiều dự án mẫu đều chưa làm rõ. Đặc biệt, việc dùng Hero và CustomPainter giúp tăng trải nghiệm người dùng tự nhiên chứ không đơn thuần là clone UI.

---

#Flutter #NetflixClone #BloC #GoRouter #Slivers #TMDB #TiniX