2021-10-12
2211
#flutter
Gonçalo Palma
71489
Oct 12, 2021 ⋅ 7 min read

Using WebSockets in Flutter

Gonçalo Palma Lead Flutter Developer at PvotalTech, writer.

Recent posts:

A guide to modern frontend architecture patterns

Frontend architecture is the foundation of your frontend codebase. Here’s how to optimize the pattern that you choose.

Shalitha Suranga
Feb 12, 2025 ⋅ 9 min read
A Guide To Graceful Degradation In Web Development

A guide to graceful degradation in web development

Implement graceful degradation in frontend apps by handling failures, mitigating API timeouts, and ensuring a seamless UX with fallbacks.

Rosario De Chiara
Feb 11, 2025 ⋅ 4 min read
Building High-Performance Websites Using Htmx And Go

Building high-performance websites using htmx and Go

Use htmx and Go to build high-performance websites, leveraging server-side rendering and minimal JavaScript for fast and efficient applications.

Abhinav Anshul
Feb 10, 2025 ⋅ 11 min read
improving ux with scroll-select box

How to improve UX with a scroll-select box

The scroll-select box is a great tool for frontend developers to improve the user experience of their applications. Learn how to build a scrollable date picker that mimics the iOS style, but with the exemption of the <select> element.

Emmanuel Odioko
Feb 7, 2025 ⋅ 10 min read
View all posts

4 Replies to "Using WebSockets in Flutter"

  1. Very intuitive. Would love to see an implementation with State management packages such as Flutter Bloc or Riverpod.

  2. i am getting error my url start from https:// but getting error
    XCEPTION CAUGHT BY WIDGETS LIBRARY
    I/flutter ( 7839): The following WebSocketException was thrown building MyApp(dirty):
    I/flutter ( 7839): Unsupported URL scheme ‘https’
    why my api giving me data on every 5 second
    this is my code
    final channel = WebSocketChannel.connect(Uri.parse(BASE_URL));
    print(channel.closeReason);

    channel.stream.listen((message) {
    final questionData = message;
    print(‘question message–> $questionData’);

    // Handle the received question as needed
    // For example, you can add it to a list of questions or display it in the UI
    }, onError: (error) {
    // Handle WebSocket error
    print(error.toString());
    });

Leave a Reply