always showing 'You must have a Stream Chat Theme widget at the top of your widget tree' about stream-chat-flutter HOT 3 CLOSED

// ignore_for_file: public_member_api_docs

import 'dart:async';
import 'dart:ui';

import 'package:flutter/material.dart';
import 'package:stream_chat_flutter/stream_chat_flutter.dart';

Future<void> main() async {
  WidgetsFlutterBinding.ensureInitialized();

  /// Create a new instance of [StreamChatClient] passing the apikey obtained
  /// from your project dashboard.
  final client = StreamChatClient(
    's2dxdhpxd94g',
    logLevel: Level.OFF,
  );

  /// Set the current user and connect the websocket. In a production
  /// scenario, this should be done using a backend to generate a user token
  /// using our server SDK.
  ///
  /// Please see the following for more information:
  /// https://getstream.io/chat/docs/ios_user_setup_and_tokens/
  await client.connectUser(
    User(id: 'super-band-9'),
    '''eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ1c2VyX2lkIjoic3VwZXItYmFuZC05In0.0L6lGoeLwkz0aZRUcpZKsvaXtNEDHBcezVTZ0oPq40A''',
  );

  runApp(
    StreamChatPage(
      client: client,
    ),
  );
}

class StreamChatPage extends StatefulWidget {
  final StreamChatClient client;
  const StreamChatPage({
    super.key,
    required this.client,
  });

  @override
  StreamChatPageState createState() => StreamChatPageState();
}

class StreamChatPageState extends State<StreamChatPage> {
  late Channel channel;

  StreamChatPageState();

  @override
  void dispose() {
    channel.stopWatching();
    channel.dispose();
    super.dispose();
  }

  @override
  void initState() {
    super.initState();
    channel = widget.client.channel(
      'messaging',
      id: 'flutterDevs',
    );
  }

  @override
  Widget build(BuildContext context) {
    WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
      channel.watch();
    });
    final theme = ThemeData(
      primarySwatch: Colors.green,
    );
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData.light(),
      darkTheme: ThemeData.dark(),
      // themeMode: ThemeMode.dark,
      supportedLocales: const [
        Locale('en'),
        Locale('hi'),
        Locale('fr'),
        Locale('it'),
        Locale('es'),
      ],
      builder: (context, a) => StreamChat(
        client: widget.client,
        child: a ?? Container(),
      ),
      home: StreamChannel(
        channel: channel,
        child: ChannelPage(channel),
      ),
    );
  }
}

class ChannelPage extends StatefulWidget {
  final Channel channel;

  const ChannelPage(this.channel);

  @override
  _ChannelPageState createState() => _ChannelPageState();
}

class _ChannelPageState extends State<ChannelPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: [
          Expanded(
            child: StreamMessageListView(
              messageBuilder: (p0, p1, p2, defaultMessageWidget) {
                return defaultMessageWidget.copyWith(
                  showDeleteMessage: true,
                  showEditMessage: true,
                  showReactionPicker: true,
                  showReactions: true,
                  showReplyMessage: true,
                );
                StreamMessageWidget;
              },
            ),
          ),
          const StreamMessageInput(
            allowedAttachmentPickerTypes: [AttachmentPickerType.files],
          ),
        ],
      ),
    );
  }
}



const riveStreamReactionAnimations = [
  RiveStreamReaction(
    type: 'love',
    artboard: 'love',
    artboardHighlighted: 'love_highlight',
  ),
  RiveStreamReaction(
    type: 'like',
    artboard: 'like',
    artboardHighlighted: 'like_highlight',
  ),
  RiveStreamReaction(
    type: 'sad',
    artboard: 'sad',
    artboardHighlighted: 'sad_highlight',
  ),
  RiveStreamReaction(
    type: 'haha',
    artboard: 'haha',
    artboardHighlighted: 'haha_highlight',
  ),
  RiveStreamReaction(
    type: 'wow',
    artboard: 'wow',
    artboardHighlighted: 'wow_highlight',
  ),
];

@immutable
class RiveStreamReaction {
  final String type;
  final String artboard;
  final String artboardHighlighted;

  const RiveStreamReaction({
    required this.type,
    required this.artboard,
    required this.artboardHighlighted,
  });
}

class ReactionPicker extends StatelessWidget {
  final Message message;
  final void Function(String) onReactionTap;

  const ReactionPicker({
    Key? key,
    required this.message,
    required this.onReactionTap,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Wrap(
      children: [
        IconButton(
          icon: const Text('😀'),
          onPressed: () => onReactionTap('smile'),
        ),
        IconButton(
          icon: const Text('😢'),
          onPressed: () => onReactionTap('sad'),
        ),
        IconButton(
          icon: const Text('👍'),
          onPressed: () => onReactionTap('thumbs_up'),
        ),
        IconButton(
          icon: const Text('❤️'),
          onPressed: () => onReactionTap('heart'),
        ),
      ],
    );
  }
}