> For the complete documentation index, see [llms.txt](https://docs.antsomi.com/developers-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.antsomi.com/developers-guide/hybrid-apps/flutter.md).

# Flutter

Build cross-platform apps (Android, iOS, Web) with Flutter. Integrate Antsomi SDK for in-app personalization & user insights.

[*Flutter*](https://flutter.dev/) stands as an innovative open-source UI software development kit, thoughtfully crafted by Google. With Flutter, you have the ability to create applications that span across diverse platforms, such as Android, iOS, Linux, Mac, Windows, Google Fuchsia, and the web, all while working from a single, cohesive codebase. 

Our Antsomi Flutter Mobile SDK is expertly designed to seamlessly harmonize with the latest iterations of both Android and iOS, offering you a powerful solution for building engaging cross-platform applications.

Here's how you can integrate the Antsomi SDK with your Flutter apps:

## 1. Installation

**Step 1:** Add the `antsomisdk` plugin in your `pubspec.yaml` file.

{% tabs %}
{% tab title="Dart" %}
{% code title="pubspec.yaml" %}

```yaml
dependencies:
  antsomisdk: 0.0.51
```

{% endcode %}
{% endtab %}
{% endtabs %}

{% hint style="warning" %}
Antsomi SDK only supports Dart SDK 3.0 and above.
{% endhint %}

**Step 2:** Run `flutter packages get` to install the SDK.

## 2. Antsomi Instance Initialization

**Step 1:** Initialize Antsomi in `main.dart` in `main()`.

{% tabs %}
{% tab title="Dart" %}

<pre class="language-dart" data-title="main.dart"><code class="lang-dart"><strong>import 'package:antsomisdk/antsomi.dart';
</strong>
void main() {
  antsomiSdk = Antsomi();
}
</code></pre>

{% endtab %}
{% endtabs %}

**Step 2:** Provide the Antsomi instance with your portal config.

{% tabs %}
{% tab title="Dart" %}
{% code title="main.dart" %}

```dart
antsomiSdk.config(
  appGroupId: 'group.antsomi.mstore',
  portalId: '564890637',
  propsId: '564993464',
  applicationID: 'e4e8d06e-4d97-43df-93e8-c36238147ca0',
);

// if you use app push of Antsomi
antsomiSdk.instance.requestNotificationPermission();
```

{% endcode %}
{% endtab %}
{% endtabs %}

In which:

<table><thead><tr><th width="187">Key</th><th>Description</th></tr></thead><tbody><tr><td>appGroupId</td><td><p>Your iOS App Group ID. </p><p>For example, <code>group.antsomi.mstore</code></p></td></tr><tr><td>portalId</td><td>Your CDP365 Portal ID.<br>For example, <code>564890637</code></td></tr><tr><td>propsId</td><td>Your CDP365 Event Source ID.<br>For example, <code>564993464</code></td></tr><tr><td>applicationID</td><td>Your CDP365 Application ID.<br>For example, <code>e4e8d06e-4d97-43df-93e8-c36238147ca0</code></td></tr></tbody></table>

{% hint style="info" %}
If you haven't had your CDP365 Application ID, please follow this [instruction](https://docs.antsomi.com/cdp-365-user-guide-en/marketing-hub/destinations/all-destinations/app-notification#1.-antsomi-app-notification).
{% endhint %}

Remember to verify the user's mobile device operating system to ensure accurate event source configuration. In CDP365, mobile app event sources are categorized into iOS and Android sources, so it's essential to distinguish between them based on the user's device OS.

Finally, your setting will be similar to the code snippet below:

{% tabs %}
{% tab title="Drat" %}
{% code title="main.dart" %}

```dart
import 'dart:io' show Platform;
import 'package:antsomisdk/antsomi.dart';

void main() {
  antsomiSdk = Antsomi();
  
  if (Platform.isAndroid) {
    antsomiSdk .config(
        appGroupId: 'group.antsomi.mstore',
        portalId: '564890637',
        propsId: '564993464',
        applicationID: 'e4e8d06e-4d97-43df-93e8-c36238147ca0',
    );
  } else {
    antsomiSdk.config(
        appGroupId: 'group.antsomi.mstore',
        portalId: '564890637',
        propsId: '564993465',
        applicationID: 'e4e8d06e-4d97-43df-93e8-c36238147ca0',
    );
  }
  
  // if you use app push of Antsomi
    antsomiSdk.instance.requestNotificationPermission();
}
```

{% endcode %}
{% endtab %}
{% endtabs %}

***

**NEXT STEP**

* [Tracking User Attributes](/developers-guide/hybrid-apps/flutter/tracking-users.md)
* [Tracking User Events](/developers-guide/hybrid-apps/flutter/tracking-events.md)
* [Configure Push Messaging](/developers-guide/hybrid-apps/flutter/push-messaging.md)
* [Configure App Inbox Messaging](/developers-guide/hybrid-apps/flutter/app-inbox-messaging.md)
* [Implementing App In-line Content](/developers-guide/hybrid-apps/flutter/app-in-line-content.md)