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

패키지 상세v0.2.3

chat_pickers

이모티콘/gif 사용을 위한 키보드를 표시하는 새로운 플러터 패키지입니다.

30일 다운로드
80
좋아요
36
Pub 점수
40

패키지 설치

flutter pub add chat_pickers

패키지 개요

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

ChatPickers는 이모티콘과 GIF를 삽입할 수 있는 직관적인 키보드를 제공하여 채팅 인터페이스를 향상시키기 위해 설계된 Flutter 패키지입니다. 간편함과 통합을 중심으로 개발되어 기존 텍스트 입력 필드에 자연스럽게 맞춰지는 깔끔하고 사용자 정의 가능한 인터페이스를 제공합니다. 미디어의 실시간 미리보기 및 선택을 지원하여 메시징 앱에서 사용자 참여도를 높입니다. 광범위한 커스텀 개발 없이도 통신 기능을 풍부하게 하고 싶은 개발자에게 이상적입니다. 가벼운 디자인과 간단한 설정으로 ChatPickers는 채팅에 표현력 있는 콘텐츠를 추가하는 과정을 간소화합니다.

사용 사례

  • 이모지 및 GIF 지원으로 메시징 앱 향상
  • 채팅 인터페이스에 표현력 있는 입력 옵션 추가하기
  • 텍스트 입력 필드에 미디어 선택기 통합하기
  • 상호작용적이고 매력적인 사용자 대화 만들기
  • 소셜 앱에서 멀티미디어 풍부한 커뮤니케이션 지원

주요 기능

  • 기존 텍스트 필드와의 간편한 통합
  • 실시간 이모티콘 및 GIF 미리보기
  • 사용자 정의 가능한 UI 컴포넌트
  • 경량이고 성능이 뛰어난 디자인
  • pubspec.yaml을 통한 간단한 구성

적합한 대상

  • 채팅 또는 메시징 애플리케이션을 개발하는 개발자
  • 앱에서 사용자 상호작용을 향상시키려는 팀
  • 빠른 이모지/GIF 선택기 구현이 필요한 프로젝트
  • 소셜 또는 통신 기능에 중점을 둔 플러터 앱
  • 표현적인 콘텐츠를 선호하는 젊은 대상자를 타겟으로 한 앱

고려 사항

  • 이모티콘 및 GIF 기능에 한정
  • 미디어용 내장 검색 또는 분류 없음
  • 완전한 사용자 지정을 위해서는 추가적인 스타일링이 필요합니다
  • 오프라인 미디어 액세스에 최적화되지 않음
  • GIF 콘텐츠에 외부 소스에 의존합니다

원본 README

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

chat_pickers

A Flutter package that provides a Keyboard widget for using Emojis and gifs.

Heavily based on the awesome(!) packages:

giphy_picker
emoji_picker

Preview

General usage:

Searching for an emoji:

adding emojis as part of text messssage:

Getting Started

For using the GIFs page you have to use GIPHY API key You need to register an app at the Giphy Developers Portal in order to retrieve an API key.

To use the keyboard define the widget ChatPickers: The minimum required is:

var picker = ChatPickers(
  chatController: _chatController,
  emojiPickerConfig: EmojiPickerConfig(
    //optional configure  (as below)
  ),
  giphyPickerConfig: GiphyPickerConfig(
      apiKey: "some API Key",
      // other optional configure (as below)
      
);

Usage

If you want to have your own config, follow the below:

EmojiPickerConfig

configuration to customize the look& behaviour of the emoji page

EmojiPickerConfig(
    columns: <int>,     // default is 7
    bgBarColor: <Color>,    // top/bottom bar color
    bgColor:<Color>,
    indicatorColor: <Color>,
);
GiphyPickerConfig

configuration to customize the look & behaviour of the gif page

GiphyPickerConfig(
    apiKey: <Your Giphy API key>,
    lang : "EN",
    onError: (error) => print(error),
    onSelected: (gif) => sendGif(gif),
    showPreviewPage: true/false,
    searchText: "Search GIPHY"
   
);

카테고리

의존성

의존성 목록 7 개

소스 저장소

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

아직 데이터가 없습니다.