stream-chat-flutter/example/lib/choose_user_page.dart

import 'package:example/advanced_options_page.dart';
import 'package:example/main.dart';
import 'package:example/stream_version.dart';
import 'package:flutter/foundation.dart';
import 'package:flutter/material.dart';
import 'package:flutter_secure_storage/flutter_secure_storage.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:stream_chat_flutter/stream_chat_flutter.dart';

import 'notifications_service.dart';

const kStreamApiKey = 'STREAM_API_KEY';
const kStreamUserId = 'STREAM_USER_ID';
const kStreamToken = 'STREAM_TOKEN';
const kDefaultStreamApiKey = 's2dxdhpxd94g';

class ChooseUserPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final users = <String, User>{
      'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoidmlzaGFsIn0._JHWzo92fpTWZMZriJHXqOng6ShYVmWrdaIaPwEPKBg':
          User(
        id: 'vishal',
        extraData: {
          'name': 'Vishal',
        },
      ),
      'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoic3VwZXItYmFuZC05In0.0L6lGoeLwkz0aZRUcpZKsvaXtNEDHBcezVTZ0oPq40A':
          User(
        id: 'super-band-9',
        extraData: {
          'name': 'John Doe',
        },
      ),
      'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoic2FsdmF0b3JlIn0.GMEKyEhONmFnqtkf1TR1A3oUOSIWhjfQv5RpI906dAM':
          User(
        id: 'salvatore',
        extraData: {
          'name': 'Salvatore',
        },
      ),
      'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoidG9tbWFzbyJ9.GTalMeZHaBdpIM5w-KWrVIDSy-ODkHTRkf1GZbWAveM':
          User(
        id: 'tommaso',
        extraData: {
          'name': 'Tommaso',
        },
      ),
      'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiamFhcCJ9.xpGE2lu4OoYS7-2yy6PbF0gJnxOaxeGO4EU6xo4EdMU':
          User(
        id: 'jaap',
        extraData: {
          'name': 'Jaap',
        },
      ),
    };

    users.updateAll(
        (_, value) => value..extraData['image'] = getRandomPicUrl(value));

    return Scaffold(
      body: Column(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Padding(
            padding: const EdgeInsets.only(
              top: 34,
              bottom: 20,
            ),
            child: Center(
              child: SvgPicture.asset(
                'assets/logo.svg',
                height: 40,
              ),
            ),
          ),
          Padding(
            padding: const EdgeInsets.only(bottom: 13.0),
            child: Text(
              'Welcome to Stream Chat',
              style: TextStyle(
                fontSize: 22,
                color: Colors.black,
                fontWeight: FontWeight.bold,
              ),
            ),
          ),
          Text(
            'Select a user to try the Flutter SDK:',
            style: TextStyle(
              fontSize: 14.5,
              color: Colors.black,
            ),
          ),
          Expanded(
            child: ListView.separated(
              separatorBuilder: (context, i) {
                return Container(
                  width: double.infinity,
                  color: Colors.black12,
                  height: 1,
                );
              },
              itemCount: users.length + 1,
              itemBuilder: (context, i) {
                return [
                  ...users.entries.map((entry) {
                    final token = entry.key;
                    final user = entry.value;
                    return ListTile(
                      onTap: () async {
                        showDialog(
                          barrierDismissible: false,
                          context: context,
                          builder: (context) => Center(
                            child: Container(
                              decoration: BoxDecoration(
                                borderRadius: BorderRadius.circular(16),
                                color: Colors.white,
                              ),
                              height: 100,
                              width: 100,
                              child: Center(
                                child: CircularProgressIndicator(),
                              ),
                            ),
                          ),
                        );

                        final secureStorage = FlutterSecureStorage();
                        final client = StreamChat.of(context).client;

                        await client.setUser(
                          user,
                          token,
                        );

                        await Future.wait([
                          secureStorage.write(
                            key: kStreamApiKey,
                            value: kDefaultStreamApiKey,
                          ),
                          secureStorage.write(
                            key: kStreamUserId,
                            value: user.id,
                          ),
                          secureStorage.write(
                            key: kStreamToken,
                            value: token,
                          ),
                        ]);

                        if (!kIsWeb) {
                          initNotifications(client);
                        }

                        Navigator.pop(context);
                        await Navigator.pushReplacement(
                          context,
                          MaterialPageRoute(
                            builder: (context) {
                              return StreamChat(
                                client: client,
                                child: ChannelListPage(),
                              );
                            },
                          ),
                        );
                      },
                      leading: UserAvatar(
                        user: user,
                        constraints: BoxConstraints.tight(
                          Size.fromRadius(20),
                        ),
                      ),
                      title: Text(
                        user.name,
                        style: TextStyle(fontWeight: FontWeight.bold),
                      ),
                      subtitle: Text('Stream test account'),
                      trailing: Icon(
                        StreamIcons.arrow_right,
                        color: StreamChatTheme.of(context).accentColor,
                      ),
                    );
                  }),
                  ListTile(
                    onTap: () {
                      Navigator.push(
                        context,
                        MaterialPageRoute(
                          builder: (context) => AdvancedOptionsPage(),
                        ),
                      );
                    },
                    leading: CircleAvatar(
                      child: Icon(
                        StreamIcons.settings,
                        color: Colors.black,
                      ),
                      backgroundColor:
                          StreamChatTheme.of(context).secondaryColor,
                    ),
                    title: Text(
                      'Advanced Options',
                      style: TextStyle(fontWeight: FontWeight.bold),
                    ),
                    subtitle: Text('Custom settings'),
                    trailing: Icon(
                      StreamIcons.arrow_right,
                      color: StreamChatTheme.of(context).accentColor,
                    ),
                  ),
                ][i];
              },
            ),
          ),
          StreamVersion(),
        ],
      ),
    );
  }
}