패키지, 저장소 및 앱 카테고리 검색

camera_filters 표지
패키지 상세v0.3.1

camera_filters

이 패키지는 동적 필터 색상 목록을 사용하는 카메라, 이미지 자르기, 이미지에 텍스트 추가 및 텍스트 색상 변경에 사용됩니다.

AndroidiOS
30일 다운로드
185
좋아요
51
Pub 점수
120

패키지 설치

flutter pub add camera_filters

패키지 개요

공개 정보를 바탕으로 생성한 선택 가이드입니다.

camera_filters 패키지는 Flutter 개발자가 실시간 필터 효과, 이미지 자르기 및 텍스트 오버레이 기능을 갖춘 카메라 인터페이스를 통합할 수 있도록 합니다. 동적 색상 기반 필터를 지원하며, 사용자가 촬영한 이미지를 자르는 것을 허용하고, 조정 가능한 색상으로 텍스트를 추가하고 사용자 정의할 수 있는 옵션을 제공합니다. 안드로이드와 iOS용으로 설계되어 모바일 앱에서 고급 카메라 기능을 구현하는 것을 간소화합니다. 소셜 미디어, 사진 편집 또는 콘텐츠 제작 애플리케이션에 적합하며, 상호작용 가능한 시각적 강화 기능이 필요할 때 이상적입니다.

사용 사례

  • 소셜 미디어 앱 사진 캡처
  • 필터가 있는 사진 편집 도구
  • 사용자 생성 콘텐츠 플랫폼
  • 실시간 이미지 주석
  • 사용자 지정 카메라 인터페이스
  • 창의적인 스토리텔링 앱

주요 기능

  • 다이내믹 컬러 필터
  • 이미지 자르기 기능
  • 색상 사용자 지정이 가능한 텍스트 오버레이
  • 실시간 미리보기
  • 크로스 플랫폼 지원 (Android 및 iOS)
  • pub add 명령을 통한 간단한 통합

적합한 대상

  • 모바일 앱 개발자
  • 사진 및 편집 앱
  • 콘텐츠 창작자
  • 인터랙티브 카메라 UI
  • 실시간 이미지 수정이 필요한 앱

고려 사항

  • Android 및 iOS에서 카메라 권한이 필요합니다
  • 기본 텍스트 스타일링에 제한됨
  • 저사양 기기에서 성능에 영향을 미칠 수 있습니다
  • 내장된 저장 또는 공유 기능 없음
  • 업데이트를 위해 외부 GitHub 저장소에 의존합니다

원본 README

연결된 소스 저장소의 README 원문 스냅샷입니다. 최신 내용은 저장소에서 확인하세요.

Camera Filters

Realtime Camera Filters

Description

This package will use camera with dynamic color list of filters, crop your image, text on image , change the text color and you can also use emojis. You can use your own custom color list to change filters. In the end it will provide you an edited image in onDone listener

Features

  • Realtime Camera Filters.
  • Draw, add text change filters in camera.
  • Filters on video.
  • TextOverlay on video.

IOS

The camera_filters plugin compiles for any version of iOS, but its functionality requires iOS 10 or higher. If compiling for iOS 9, make sure to programmatically check the version of iOS running on the device before using any camera_filters plugin features.

Add two rows to the ios/Runner/Info.plist:

  • one with the key Privacy - Camera Usage Description and a usage description.
  • and one with the key Privacy - Microphone Usage Description and a usage description. If editing Info.plist as text, add:
    <key>NSCameraUsageDescription</key>
    <string>your usage description here</string>
    <key>NSMicrophoneUsageDescription</key>
    <string>your usage description here</string>

Android

  • Change the minimum Android sdk version to 24 (or higher) in your android/app/build.gradle file.
    minSdkVersion 24

Step 1. Ensure the following permission is present in your Android Manifest file, located in /android/app/src/main/AndroidManifest.xml:

    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

Step 2. Add the JitPack repository to your Android build file, located in /android/build.gradle:

    allprojects {
    repositories {
    maven { url 'https://jitpack.io' }
    }
}

Usage

Example

To use this package:

    dependencies:
      flutter:
        sdk: flutter
      camera_filters: <latest-version>

ScreenShots

1 2

3 4

Video

pack

!

How to use

    import 'package:camera_filters/camera_filters.dart';
    import 'package:flutter/material.dart';
    
    void main() {
      WidgetsFlutterBinding.ensureInitialized();
      runApp(MyApp());
    }
    
    class MyApp extends StatefulWidget {
      @override
      _MyAppState createState() => _MyAppState();
    }
    
    class _MyAppState extends State<MyApp> {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          home: Scaffold(
            body: CameraScreenPlugin(onDone: (value) {
              /// value returns the picture path you can save here or navigate to some screen
              print(value);
            },


                /// time limit for video in seconds
                videoTimeLimit: 10,


                /// value returns the video path you can save here or navigate to some screen
                onVideoDone: (value) {
              print(value);
            }
    
                /// profileIconWidget: , if you want to add profile icon on camera you can your widget here
    
                ///filterColor: ValueNotifier<Color>(Colors.transparent),  your first filter color when you open camera
    
                /// filters: [],
                ///you can pass your own list of colors like this List<Color> colors = [Colors.blue, Colors.blue, Colors.blue ..... Colors.blue]
                ///make sure to pass transparent color to first index so the first index of list has no filter effect
                ),
          ),
        );
      }
    }

카테고리

의존성

의존성 목록 9 개

소스 저장소

이 패키지를 사용하는 프로젝트

아직 데이터가 없습니다.