spect8_ui

Description:

spect8 ui

1- Introduction #
spect8-chat SDK for Flutter, adds an awesome expansion to Flutter's cross-platform applications for
iOS, android and Web by enabling Real-Time Messaging, Polling, Merchandise selling and much more to
its users. Platform's provided services are of high reliability, low latency, and high payout.
spect8_ui : #
Introduction: #
The Spect8 UI includes a UI kit for customizable UI components, providing you with the exact amount
of control you need. Create your desired Flutter messaging experience, complete with rich messages,
reactions, threads and many others support.
Installation: #


Add dependencies:


Add the following dependencies to your project as per your requirement in pubspec.yaml file:
dependencies:
spect8_ui: ^1.0.0
copied to clipboard


Download dependency:


Install packages from the command line
$ flutter pub get
copied to clipboard


Accessing Package


Import packages with following commands
import 'package:spect8_ui/spect8_ui.dart';
copied to clipboard
Using spect8-ui #
For displaying chat from a user using spect-ui some steps have to be followed which are necessary,
if you have already authenticated and have the correct channelManager please skip to step 3- .
1- Add Client configuration:
The client has to be configured in order to be use the package.
Add following code before logging in.
final spect8Client = Spect8Client(
config: ClientConfig(
authURL: 'some-auth-url',
coreURL: 'some-core-url',
webSocketURL: 'some-websockets-url',
));
copied to clipboard
2- Logging In
For differentiating a user from others in chat authentication is necessary. For authenticating a
user a demoUserId and a tenantId are required, demoUserId is any Id which will be used to tell a
user apart and tenantId is the id provided to you by us. Authentication provides you with a
tenantManager which we will use in next steps.
Future<void> main() async {
TenantManager tenantManager = await spect8Client.connectDemoUser(
demoUserId: 'some-user-id', tenantId: 'your-tenant-id');
runApp(MyApp());
}
copied to clipboard
3- Identifying a Channel
Spect8 supports multiple broadcasts per tenant and multiple channels per broadcast. So every Tenant
can have different broadcasts and each broadcast can have different channels. It is important that
we select the correct channel for which we want to display the tabs.
4- Get current user manager:
Get an instance of CurrentUserManager which can be used for operations related to current user.

CurrentUserManager currentUserManager = tenantManager.getCurrentUserManager();
copied to clipboard
5: Get broadcast manager :
To get a broadcast manager which is used for operations related to a specific broadcast.

BroadcastManager broadcastManager = tenantManager.getBroadcastManager(
broadcastId: 'id-of-a-broadcast');
copied to clipboard
6- Spect8chat as a widget #
class Chatview extends StatelessWidget {
const Chatview({
Key key,
}) : super(key: key);

@override
Widget build(BuildContext context) {
return Scaffold(
body: Column(
children: <Widget>[
Expanded(
child: Spect8Chat(
currentUserManager: tenantManager.getCurrentUserManager(),
broadcastManager: tenantManager.getBroadcastManager(
broadcastId: 'some-broadcast-id'),),
),
],
),
);
}
}
copied to clipboard