https://github.com/stipop-development/stipop-flutter-sdk
STIPOP FLUTTER UI SDK
https://github.com/stipop-development/stipop-flutter-sdk
Last synced: 29 days ago
JSON representation
STIPOP FLUTTER UI SDK
- Host: GitHub
- URL: https://github.com/stipop-development/stipop-flutter-sdk
- Owner: stipop-development
- License: mit
- Created: 2021-11-16T07:32:12.000Z (over 4 years ago)
- Default Branch: develop
- Last Pushed: 2026-01-30T21:48:24.000Z (about 2 months ago)
- Last Synced: 2026-01-31T13:30:09.724Z (about 2 months ago)
- Language: Dart
- Size: 441 KB
- Stars: 5
- Watchers: 2
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# Flutter Plugin for Stipop UI SDK
Stipop SDK provides over 150,000 .png and .gif stickers that can be easily integrated into mobile app chats, comment sections, live streams, video calls, and other features. Bring fun to your mobile app with stickers loved by millions of users worldwide.
## Getting Started
Install plugin and follow below steps.
#### Android Integration
1. Sign up to Stipop Dashboard
2. Create your application to get API Key.
3. Download **'Stipop.json'** file.
4. Move **Stipop.json** into the assets folder. ('android/app/src/main/assets')
5. Update gradle and add dependency.
```gradle
// at project level build.gradle
allprojects {
repositories {
maven { url 'https://jitpack.io' }
}
}
// at app level build.gradle
defaultConfig {
..
multiDexEnabled true // Maybe you need this options
}
dependencies {
implementation 'com.github.stipop-development:stipop-android-sdk:0.9.5-beta.2'
}
```
6. Move at 'android/app/src/main/res/styles.xml' and change 'parent' to inherit 'Theme.MaterialComponents' because SDK UI uses MaterialComponents. Like below.
```xml
<item name="android:windowBackground">@drawable/launch_background</item>
<item name="android:windowBackground">?android:colorBackground</item>
```
7. Move at 'android/app/src/main/{package}/MainActivity' and **change 'FlutterActivity' to 'FlutterFragmentActivity'** because SDK uses AndroidX UI components.
```kotlin
package com.stipop.stipop.stipop_plugin_example
import io.flutter.embedding.android.FlutterFragmentActivity
class MainActivity: FlutterFragmentActivity()
```
#### iOS Integration
1. Sign up to Stipop Dashboard
2. Create your application to get API Key.
3. Download **'Stipop.plist'** file.
4. Open iOS module in Xcode
5. Drag & Drop **'Stipop.plist'** file into 'Runner' directory and import it.
**For more information to install or customize, Please read below docs.**
[Stipop Android Docs](https://docs.stipop.io/en/sdk/android/get-started/quick-start)
[Stipop iOS Docs](https://docs.stipop.io/en/sdk/ios/get-started/quick-start)
## Usage
#### Implement Sticker Send (Listening sticker, sticker pack selection event)
You might call this method at like 'initState()'.
```dart
@override
void initState() {
super.initState();
stipop.connect(
userId: 'someone_user_id',
onStickerSingleTapped: (sticker) {
// Single tapped Sticker pass here.
setState(() {
});
},
onStickerDoubleTapped: (sticker) {
// Double tapped Sticker pass here.
setState(() {
});
},
onStickerPackSelected: (spPackage) {
// Selected Sticker Pack pass here.
setState(() {
});
},
pickerViewAppear: (spIsViewAppear) {
// PickerView's visibility listen here.
bool isAppear = spIsViewAppear.isAppear;
setState(() {
});
});
}
```
#### Show Keyboard (Sticker Picker View on Keyboard)
**Sticker Picker View** provides in-depth sticker experience. Instead of instantaneous usage from the Search View, users can download and own stickers for a more intimate sticker sending experience.
```dart
stipop.show();
```
This method will hide 'Sticker Picker VIew', if it is currently showing.
```dart
stipop.hide();
```
## Contact us
- Email us at tech-support@stipop.io if you need our help.