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

# Flutter

> Керуйте обліковими записами соціальних мереж ваших користувачів з Flutter, використовуючи пакет Ayrshare Flutter SDK

## Огляд

[Flutter](https://flutter.dev) — це UI-набір інструментів від Google для створення красивих, нативно скомпільованих застосунків для мобільних, вебу та десктопу з єдиної кодової бази.

Пакет Ayrshare Flutter SDK дозволяє інтегрувати API соціальних мереж Ayrshare з вашими застосунками 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>
    Запуск сторінки зв'язування (generateJWT) на [iOS з
    Flutter](/apis/profiles/generate-jwt#mobile-jwt-examples).
  </li>

  <li>[Github Repository](https://github.com/ayrshare/ayrshare_flutter)</li>
  <li>[Changelog](https://pub.dev/packages/ayrshare_flutter/changelog)</li>
</ul>
