# Flutter (Beta)

### **Prerequisites**

1. Flutter and Dart are installed on your system.
2. Flutter SDK version `>=2.5.0`
3. Dart SDK version `>=2.17.6 <3.0.0`
4. Valid Installation or Android Studio
5. A valid Amity Social Cloud account and an API key.

### **Step 1: Add** social.plus **UIKit Dependency**

Add social.plus UIKit to your project using this command

```
flutter pub add amity_uikit_beta_service
```

### **Step 2: Setup Required Permissions For iOS project**

Your application needs the following permissions to access the camera, microphone, and photo library:

* In your `info.plist`, add the following keys with appropriate descriptions:
  * `NSCameraUsageDescription`
  * `NSMicrophoneUsageDescription`
  * `NSPhotoLibraryUsageDescription`

### **Step 3: Customizing the UI**

social.plus UIKit supports extensive customization options via a `config.json` file. You can modify themes, colors, and icons for various components and elements of the story feature according to your application's design requirements.

* Example customization snippet:

```json
"global_theme": {
  "light_theme": {
    "primary_color": "#FFFFFF",
    "secondary_color": "#AB1234"
  }
}
```

* You can exclude certain UI elements or customize specific components and elements as per your needs.

You have now successfully integrated the Social feature into your Flutter application. For further customization options, refer to the detailed documentation provided with the SDK. If you encounter any issues or require assistance, our community forum at community.social.plus.co is always here to help.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.social.plus/social-plus-uikit/uikit-4/installation-guide/flutter-beta.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.