> ## 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 get your API key by signing up at ayrshare.com
  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>
    使用 [Flutter 在 iOS 上啟動連結頁面（generateJWT）](/apis/profiles/generate-jwt#mobile-jwt-examples)。
  </li>

  <li>[Github 儲存庫](https://github.com/ayrshare/ayrshare_flutter)</li>
  <li>[更新紀錄](https://pub.dev/packages/ayrshare_flutter/changelog)</li>
</ul>