🚀 Overview
Flutter plugin to add Camera support inside your project.
CamerAwesome include a lot of useful features like:
- 📲 Live camera flip ( switch between rear & front camera without rebuild ).
- ⚡️ No init needed, just add CameraAwesome widget !
- ⌛️ Instant focus.
- 📸 Device flash support.
- 🎚 Zoom.
- 🖼 Fullscreen or SizedBox preview support.
- 🎮 Complete example.
- 🎞 Taking a picture ( of course 😃 ).
📖 Installation and usage
Set permissions
- iOS add these on
ios/Runner/Info.plist
file
<key>NSCameraUsageDescription</key>
<string>Your own description</string>
-
Android
- Set permissions before
<application>
<uses-permission android:name="android.permission.CAMERA" /> <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
- Change the minimum SDK version to 21 (or higher) in
android/app/build.gradle
minSdkVersion 21
- Set permissions before
Import the package
import 'package:camerawesome/camerawesome_plugin.dart';
Define notifiers (if needed) & controller
ValueNotifier is a usefull change notifier from Flutter framework. It fires an event on all listener when value changes. Take a look here for ValueNotifier doc
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> with TickerProviderStateMixin {
// [...]
// Notifiers
ValueNotifier<CameraFlashes> _switchFlash = ValueNotifier(CameraFlashes.NONE);
ValueNotifier<Sensors> _sensor = ValueNotifier(Sensors.BACK);
ValueNotifier<Size> _photoSize = ValueNotifier(null);
// Controller
PictureController _pictureController = new PictureController();
// [...]
}
If you want to change a config, all you need is setting the value. CameraAwesome will handle the rest.
Example:
_switchFlash.value = CameraFlashes.AUTO
Create your camera
// [...]
@override
Widget build(BuildContext context) {
return CameraAwesome(
testMode: false,
onPermissionsResult: (bool result) { }
selectDefaultSize: (List<Size> availableSizes) => Size(1920, 1080),
onCameraStarted: () { },
onOrientationChanged: (CameraOrientations newOrientation) { },
zoom: 0.64,
sensor: _sensor,
photoSize: _photoSize,
switchFlashMode: _switchFlash,
orientation: DeviceOrientation.portraitUp,
fitted: true,
);
};
// [...]
Reveal parameters list
Param | Type | Description | Required |
---|---|---|---|
testMode | boolean |
true to wrap texture | |
onPermissionsResult | OnPermissionsResult |
implement this to have a callback after CameraAwesome asked for permissions | |
selectDefaultSize | OnAvailableSizes |
implement this to select a default size from device available size list | ✅ |
onCameraStarted | OnCameraStarted |
notify client that camera started | |
onOrientationChanged | OnOrientationChanged |
notify client that orientation changed | |
switchFlashMode | ValueNotifier<CameraFlashes> |
change flash mode | |
zoom | ValueNotifier<double> |
Zoom from native side. Must be between 0 and 1 | |
sensor | ValueNotifier<Sensors> |
sensor to initiate BACK or FRONT | ✅ |
photoSize | ValueNotifier<Size> |
choose your photo size from the [selectDefaultSize] method | |
orientation | DeviceOrientation |
initial orientation | |
fitted | bool |
whether camera preview must be as big as it needs or cropped to fill with. false by default | |
imagesStreamBuilder | Function |
returns an imageStream when camera has started preview |
Take a photo 🎉
await _pictureController.takePicture('THE_IMAGE_PATH/myimage.jpg');
Live image stream
The property imagesStreamBuilder allows you to get an imageStream once the camera is ready. Don't try to show all these images on Flutter UI as you won't have time to refresh UI fast enough. (there is too much images/sec).
CameraAwesome(
...
imagesStreamBuilder: (imageStream) {
/// listen for images preview stream
/// you can use it to process AI recognition or anything else...
print("-- init CamerAwesome images stream");
},
)
📱 Tested devices
CamerAwesome was developed to support most devices on the market but some feature can't be fully functional. You can check if your device support all feature by clicking bellow.
Feel free to contribute to improve this compatibility list.
Reveal grid
Devices | Flash | Focus | Zoom | Flip |
---|---|---|---|---|
iPhone X | ✅ | ✅ | ✅ | ✅ |
iPhone 7 | ✅ | ✅ | ✅ | ✅ |
One Plus 6T | ✅ | ✅ | ✅ | ✅ |
Xiaomi redmi | ✅ | ✅ | ✅ | ✅ |
Honor 7 | ✅ | ✅ | ✅ | ✅ |
🎯 Our goals
Feel free to help by submitting PR !
- 🎥 Record video
- 🌠 Focus on specific point
-
📡 Broadcast live image stream -
🌤 Exposure level -
Add e2e tests -
Fullscreen/SizedBox support -
Complete example -
Take a picture -
Zoom level -
Live switching camera -
Device flash support -
Auto focus
Sponsor
Initiated and sponsored by Apparence.io.
👥 Contribution
Contributions are welcome. Contribute by creating a PR or create an issue 🎉.