CFDev

CFDev Share, Explain and Discuss with other Flutter
Developers

10/03/2026

Learn how to create a smooth Hero Animation between widgets in Flutter πŸš€

In this tutorial, we will build a simple example showing how to use the Hero widget to animate an image or card when navigating between two screens. Hero animation helps create beautiful and smooth transitions that improve the user experience of your Flutter apps.

πŸ”Ή What you will learn in this video:
β€’ What the Hero widget is
β€’ How Hero animation works in Flutter
β€’ Create smooth screen transition animation
β€’ Build a simple profile/card Hero animation example
β€’ Best practices for Hero tags

Hero animations are commonly used in profile screens, product images, gallery apps, and modern UI transitions.

If you enjoy Flutter tutorials, don’t forget to like πŸ‘, subscribe πŸ””, and share.

04/03/2026

Learn how to use NestedScrollView in Flutter to create smooth, modern scrolling experiences with a collapsing AppBar and flexible header. In this step-by-step tutorial, you’ll build a beautiful UI layout that combines SliverAppBar, FlexibleSpaceBar, and ListView for production-ready performance.

Whether you're a beginner or improving your Flutter UI skills, this video will help you understand when and how to properly use NestedScrollView in real apps like social media profiles, dashboards, and e-commerce screens.

By the end of this tutorial, you'll know the best practices, common mistakes to avoid, and pro tips to make your Flutter scrolling UI feel professional and smooth.



πŸ’‘ Built with: Flutter & Dart
πŸ“± Target: iOS and Android
🎨 Animation: Slide & Fade
πŸ“ Made for: 2026-style apps

πŸ‘‰ Like, Share, and Subscribe for more Flutter UI ideas!

03/03/2026

Flutter SliverFillRemaining of widget

Master SliverFillRemaining in Flutter and learn how to easily fill the remaining space inside a CustomScrollView. In this practical step-by-step tutorial, you'll see how SliverFillRemaining helps you create full-height layouts, sticky footers, empty states, and responsive scroll designs.

πŸ”₯ In this video you'll learn:

- What SliverFillRemaining is
- When to use it in Flutter
- How to fill remaining viewport space
- Build full-screen scroll layouts
- Common mistakes and best practices

This guide is perfect for Flutter beginners and intermediate developers who want cleaner and more professional scroll UI designs.
πŸ’‘ Don’t forget to Like πŸ‘, Share πŸ”„, and Subscribe πŸ”” for more Flutter content!

03/03/2026

Flutter CustomScrollView & SliverToBoxAdapter || For Beginner Tutorial

Learn how to use CustomScrollView and SliverToBoxAdapter in Flutter to build powerful, flexible scrolling UIs. In this step-by-step tutorial, you'll understand how slivers work, when to use SliverToBoxAdapter, and how to combine multiple scrollable widgets into one smooth experience.

πŸš€ What you'll learn:

- What is CustomScrollView in Flutter
- How SliverToBoxAdapter works
- When to use slivers vs normal widgets
- Build complex scroll layouts
- Performance tips for smooth scrolling

This tutorial is perfect for beginners and intermediate Flutter developers who want to create modern, high-performance UI designs.

πŸ‘ Like, Share, and Subscribe for more Flutter tutorials!

02/03/2026

Flutter Bottom Sheet || Modal Bottom sheet (step by step)

26/02/2026

flutter Splash Screen for beginners πŸ₯°πŸ₯

23/02/2026

αžαŸ„αŸ‡ αžαŸ’αž›αžΈαŸ—αž‡αžΆαž˜αž½αž™ Flutters πŸ₯°

09/02/2026

Build UI Login with Social || flutter

Address

Phnom Penh
Phnom Penh
12000

Website

Alerts

Be the first to know and let us send you an email when CFDev posts news and promotions. Your email address will not be used for any other purpose, and you can unsubscribe at any time.

Shortcuts

Share

Category