> ## Documentation Index
> Fetch the complete documentation index at: https://www.ayrshare.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Flutter

> 使用 Ayrshare Flutter SDK 包，从 Flutter 管理用户的社交媒体账户

## 概览

[Flutter](https://flutter.dev) 是 Google 的 UI 工具集，可以使用同一套代码库为移动端、Web 端和桌面端构建精美、原生编译的应用。

Ayrshare Flutter SDK 包让你可以将 Ayrshare 的社交媒体 API 集成到 Flutter 应用中。

## 安装

将该包作为库安装到你的应用中。

```shell theme={"system"}
 $ flutter pub add ayrshare_flutter
```

<Card title="Ayrshare Flutter 包" icon="flutter" href="https://pub.dev/packages/ayrshare_flutter" horizontal>
  Ayrshare Flutter SDK 包
</Card>

## 发帖用法示例

以下示例应用创建了一个按钮，用于调用 post 函数。它会向已关联的 Twitter 和 Facebook 账户发布一条随机名言和一张随机图片，并打印响应内容（其中包含帖子在社交网络上的实际 URL）。

```dart theme={"system"}
import 'package:flutter/material.dart';
import 'ayrshare_flutter.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: PostingPage(),
    );
  }
}

class PostingPage extends StatelessWidget {
  ///TODO 通过在 ayrshare.com 注册获取你的 API key
  final apiKey = '###-###-###-###';

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // appBar: null,
        body: Center(
          child: ElevatedButton(
            onPressed: () async {
              await post(
                apiKey: apiKey,
                body: {
                  'randomPost': true,
                  'platforms': ['twitter', 'facebook'],
                  'randomMediaUrl': true
                },
              ).then((value) => print(value));
            },
            child: const Text('Post To Social'),
          ),
        ));
  }
}
```

## 更多信息与文档

<ul class="custom-bullets">
  <li>
    在 [iOS 与 Flutter](/apis/profiles/generate-jwt#mobile-jwt-examples) 上启动关联页面（generateJWT）。
  </li>

  <li>[Github 仓库](https://github.com/ayrshare/ayrshare_flutter)</li>
  <li>[更新日志](https://pub.dev/packages/ayrshare_flutter/changelog)</li>
</ul>