camera_with_files

Install package

flutter pub add camera_with_files

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

A Flutter package that provides a camera module with a gallery view, designed to resemble WhatsApp's camera interface. It enables users to capture photos and videos, switch between camera modes, and browse previously taken media directly within the app. The package integrates seamlessly with Android and iOS platforms, offering a native-like experience for image and video selection. Ideal for apps requiring intuitive media capture and management.

Use cases

Instant photo capture
Video recording
Gallery integration
Social media sharing
In-app media management
WhatsApp-style camera UI

Key features

WhatsApp-inspired UI
Camera and gallery toggle
Cross-platform support (Android & iOS)
Easy integration with Flutter
Media preview and selection
Built-in file handling

Suitable for

Messaging apps
Social networking apps
Photo-sharing platforms
User profile creation tools
Content creation apps
Mobile-first applications

Considerations

Requires camera and storage permissions
Limited customization of UI components
Depends on underlying platform camera APIs
May require additional state management
Not suitable for advanced camera features like filters or AR
Best used in apps with simple media capture needs

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Camera with image picker

Whatsapp like UI

Camera with image picker works on android, ios and Web.

Multiple image selection.
optional single image selection.
camera switching
flash light

Usage

Navigate to the camerApp page and after selecting image or taking photo from camera will return the selected list of files

For Multiple image selection

List<File> data = await Navigator.of(context).push(MaterialPageRoute<List<File>>(
builder:(BuildContext context)=> const CameraApp(
//multiple image selection flag
isMultiple :true
),),);

For Single image selection

data[0] will contain the file.

List<File> data = await Navigator.of(context).push(MaterialPageRoute<List<File>>(
builder:(BuildContext context)=> const CameraApp(
//multiple image selection flag
isMultiple :false
),),);

Dependencies

Dependency list 9 items

Search packages, repositories and app categories