Flutter Telegram贴纸导入插件telegram_stickers_import的使用
Flutter Telegram贴纸导入插件telegram_stickers_import的使用
TelegramStickersImport
是一个帮助用户将第三方程序生成的贴纸集导入到 Telegram Messenger 的 Flutter 插件。该插件支持 iOS 和 Android 平台。
请注意,这并不是官方插件!
请阅读完整的文档:Telegram 官方文档
警告:
每次用户导入贴纸时,都会在 Telegram 上创建一个新的贴纸包。不要 使用导入功能来与他人分享你自己制作的贴纸。如果你想要分享你的贴纸,只需上传它们并使用 @stickers 分享你的包链接。例如,这是安装一些 Duck Stickers 的链接。
安装
在 pubspec.yaml
文件中添加 telegram_stickers_import
依赖:
dependencies:
telegram_stickers_import: ^latest_version
Android
无需特殊安装步骤。
iOS
在 Info.plist
文件中配置 LSApplicationQueriesSchemes
键,添加以下代码片段:
<key>LSApplicationQueriesSchemes</key>
<array>
<string>tg</string>
</array>
使用
要将一个贴纸集导入 Telegram,首先创建一个贴纸集并导入它:
final stickerSet = StickerSet(
software: "My app",
isAnimated: true,
stickers: stickers,
);
TelegramStickersImport.import(stickerSet);
Android
对于 Android,需要使用 StickerData.android
方法来创建贴纸数据。
要从 Android 导入贴纸,需要构建正确的文件路径。最简单的方法是将必要的文件放入 telegram_stickers_import
文件夹内的缓存目录。
可以通过调用 path_provider
插件的 getTemporaryDirectory()
方法获取缓存文件夹路径。之后,只需将贴纸文件添加到缓存目录内的 telegram_stickers_import
文件夹中。
所有必要的设置都已由插件完成,Telegram 将能够无问题地接收您的贴纸。
如果需要使用其他路径,请务必检查如何正确地在应用程序之间共享文件:Android 文件共享设置
iOS
对于 iOS,需要使用 StickerData.iOS
方法来创建贴纸数据。
要从 iOS 应用程序导入贴纸,只需将贴纸内容写入 Uint8List
。
示例代码
以下是完整的示例代码,演示如何在 Flutter 中使用 telegram_stickers_import
插件:
import 'dart:async';
import 'dart:io';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:path_provider/path_provider.dart';
import 'package:telegram_stickers_import/sticker.dart';
import 'package:telegram_stickers_import/sticker_data.dart';
import 'package:telegram_stickers_import/sticker_set.dart';
import 'package:telegram_stickers_import/telegram_stickers_import.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatefulWidget {
const MyApp({Key? key}) : super(key: key);
[@override](/user/override)
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
final _stickerNames = [
'sticker1.webp',
'sticker2.webp',
'sticker3.webp',
'sticker4.webp',
'sticker5.webp',
'sticker6.webp',
'sticker7.webp',
'sticker8.webp',
'sticker9.webp'
];
final _animatedStickerNames = [
'a_sticker1.tgs',
'a_sticker2.tgs',
'a_sticker3.tgs',
'a_sticker4.tgs',
'a_sticker5.tgs',
'a_sticker6.tgs',
'a_sticker7.tgs',
'a_sticker8.tgs',
'a_sticker9.tgs',
];
final Completer _assetsCompleter = Completer();
[@override](/user/override)
void initState() {
super.initState();
_copyAssets().then((value) => _assetsCompleter.complete());
}
[@override](/user/override)
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: _appBar(),
body: _body(),
),
);
}
AppBar _appBar() {
return AppBar(title: const Text('Plugin example app'));
}
Widget _body() {
return Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
_importButton(),
const SizedBox(height: 50),
_importAnimatedButton(),
],
),
);
}
Widget _importButton() {
return ElevatedButton(
onPressed: _onImportPressed,
child: const Text("Import"),
);
}
Widget _importAnimatedButton() {
return ElevatedButton(
onPressed: _onImportAnimatedPressed,
child: const Text("Import animated"),
);
}
Future<void> _onImportPressed() async {
debugPrint("On import pressed");
await _assetsCompleter.future;
final stickers = [
Sticker(
emojis: ["☺️"],
data: await _stickerData(_stickerNames[0]),
),
Sticker(
emojis: ["\uD83D\uDE22"],
data: await _stickerData(_stickerNames[1]),
),
// ... 其他贴纸
Sticker(
emojis: ["☺️"],
data: await _stickerData(_stickerNames[8]),
),
];
final set = StickerSet(
software: "My app",
isAnimated: false,
stickers: stickers,
);
await TelegramStickersImport.import(set);
}
Future<void> _onImportAnimatedPressed() async {
debugPrint("On import animated pressed");
final stickers = [
Sticker(
emojis: ["☺️"],
data: await _stickerData(_animatedStickerNames[0]),
),
Sticker(
emojis: ["\uD83D\uDE22"],
data: await _stickerData(_animatedStickerNames[1]),
),
// ... 其他贴纸
Sticker(
emojis: ["☺️"],
data: await _stickerData(_animatedStickerNames[8]),
),
];
final stickerSet = StickerSet(
software: "My app",
isAnimated: true,
stickers: stickers,
);
await TelegramStickersImport.import(stickerSet);
}
Future<void> _copyAssets() async {
if (defaultTargetPlatform == TargetPlatform.android) {
final directory = await getTemporaryDirectory();
final names = <String>{};
names.addAll(_stickerNames);
names.addAll(_animatedStickerNames);
for (final name in names) {
ByteData data = await rootBundle.load("assets/$name");
List<int> bytes = data.buffer.asUint8List(
data.offsetInBytes,
data.lengthInBytes,
);
Directory(
"${directory.path}/${TelegramStickersImport.androidImportFolderName}",
).createSync();
await File(
"${directory.path}/${TelegramStickersImport.androidImportFolderName}/$name",
).writeAsBytes(bytes);
}
}
}
Future<StickerData> _stickerData(String name) async {
if (defaultTargetPlatform == TargetPlatform.android) {
final directory = await getTemporaryDirectory();
return StickerData.android(
"${directory.path}/${TelegramStickersImport.androidImportFolderName}/$name");
} else {
ByteData data = await rootBundle.load("assets/$name");
return StickerData.iOS(
data.buffer.asUint8List(data.offsetInBytes, data.lengthInBytes),
);
}
}
}
更多关于Flutter Telegram贴纸导入插件telegram_stickers_import的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html
更多关于Flutter Telegram贴纸导入插件telegram_stickers_import的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html
当然,以下是如何在Flutter项目中使用telegram_stickers_import
插件来导入Telegram贴纸的一个代码示例。假设你已经添加了该插件到你的pubspec.yaml
文件中。
首先,确保你的pubspec.yaml
文件包含以下依赖项:
dependencies:
flutter:
sdk: flutter
telegram_stickers_import: ^最新版本号 # 请替换为最新版本号
然后运行flutter pub get
来安装依赖项。
接下来,在你的Flutter项目中,你需要配置和使用telegram_stickers_import
插件。下面是一个简单的示例,展示了如何导入Telegram贴纸:
- 导入必要的包
在你的Dart文件中,导入必要的包:
import 'package:flutter/material.dart';
import 'package:telegram_stickers_import/telegram_stickers_import.dart';
- 创建导入贴纸的页面
创建一个按钮来触发导入贴纸的流程:
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Telegram Stickers Import Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(),
);
}
}
class MyHomePage extends StatefulWidget {
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
List<Map<String, dynamic>> stickers = [];
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Telegram Stickers Import Demo'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
ElevatedButton(
onPressed: _importStickers,
child: Text('Import Telegram Stickers'),
),
Expanded(
child: stickers.isEmpty
? Center(child: Text('No stickers imported yet.'))
: GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 3,
crossAxisSpacing: 4.0,
mainAxisSpacing: 4.0,
),
itemCount: stickers.length,
itemBuilder: (context, index) {
Map<String, dynamic> sticker = stickers[index];
return Image.memory(
Uint8List.fromList(sticker['data']! as List<int>),
fit: BoxFit.cover,
);
},
),
),
],
),
),
);
}
Future<void> _importStickers() async {
final result = await TelegramStickersImport.importStickers();
if (result != null && result.isNotEmpty) {
setState(() {
stickers = result;
});
} else {
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('Failed to import stickers.')),
);
}
}
}
- 权限配置
确保在AndroidManifest.xml
和Info.plist
中添加必要的权限配置,以允许应用访问文件系统(特别是如果你需要从文件系统导入贴纸)。这通常包括读写存储权限。
对于Android,在AndroidManifest.xml
中添加:
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
对于iOS,在Info.plist
中添加:
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key>
<true/>
</dict>
<key>NSPhotoLibraryAddUsageDescription</key>
<string>We need access to your photo library to import stickers.</string>
<key>NSPhotoLibraryUsageDescription</key>
<string>We need access to your photo library to import stickers.</string>
注意:实际权限请求逻辑(例如运行时权限请求)在Flutter中通常通过permission_handler
等插件处理,这里为了简化示例未展示。
- 运行应用
现在你可以运行你的Flutter应用,点击“Import Telegram Stickers”按钮来尝试导入贴纸。如果成功,导入的贴纸将会显示在GridView中。
这个示例展示了如何使用telegram_stickers_import
插件的基本流程。实际使用中,你可能需要根据具体需求进行进一步的调整和错误处理。