[Flutterflow] Real Time Supabase COMO RESOLVER 100%

[@data7apps]

🚀 Faça parte do Programa Acelerador Low Code enquanto ainda há vagas disponíveis: data7apps.com.br

[@glaucoperucchi]

Se pudesse eu dava 1 milhão de likes!!! Estou a muito tempo tentando resolver este problema e deu certo com este teu vídeo!!!!❤

[@joaovitorfraga4032]

Mais um tutorial de excelência parabéns. Você poderia deixar um link para acessarmos os códigos e copiamos.

[@valerio_augusto]

Top essa aula, vai ajudar muito na interação com o Supabase.

[@JimilPatel-f6h]

Excellent work buddy. It is finally working. Thank you so so much... It was really needed...

[@danrazevedo]

estou com um problema onde preciso colocar os itens em ordem alfabetica mas os acentos não estão entrando em ordem... é uma lista json vindo do supabase por api... Teria alguma solução?

[@edgardperez7842]

Excelente vídeo, estou com problemas desse tipo , de atualização

[@eduardomattos8932]

Segundo um teste que eu fiz aqui, se os dados vierem de uma view do Supabase, qualquer alteracao nas tabelas envolvidas, o realtime funciona tb

[@data7apps]

Sim, pois as views são originárias das tabelas

[@eduardomattos8932]

Pessoal... quero me desculpar pela mensagem que postei quanto as views do SB tb serem realtime. Eu fiz varios testes, e depois de muitos eu percebi agora que as views funcionaram porque eu nao removi os scripts de desconexao e conexao com o SB. Desculpa

[@jaoafraga6815]

Ola! onde posso copiar os códigos ?

[@renatodiaslima]

O código está no terceiro comentário. @data7apps há 3 meses (editado) Conectar // Automatic FlutterFlow imports import '/backend/schema/structs/index.dart'; import '/backend/supabase/supabase.dart'; import '/flutter_flow/flutter_flow_theme.dart'; import '/flutter_flow/flutter_flow_util.dart'; import '/custom_code/actions/index.dart'; // Imports other custom actions import '/flutter_flow/custom_functions.dart'; // Imports custom functions import 'package:flutter/material.dart'; // Begin custom action code // DO NOT REMOVE OR MODIFY THE CODE ABOVE! Future conectar( String tabela, Future Function() acao, ) async { // Add your function code here! final supabase = SupaFlow.client; String table = tabela; final channelName = 'public:' + table; final channel = supabase.channel(channelName); // Configura a nova inscrição channel.on( RealtimeListenTypes.postgresChanges, ChannelFilter(event: '*', schema: 'public', table: table), (payload, [ref]) { acao(); print('Reloaded.'); }, ).subscribe(); } Desconectar // Automatic FlutterFlow imports import '/backend/schema/structs/index.dart'; import '/backend/supabase/supabase.dart'; import '/flutter_flow/flutter_flow_theme.dart'; import '/flutter_flow/flutter_flow_util.dart'; import '/custom_code/actions/index.dart'; // Imports other custom actions import '/flutter_flow/custom_functions.dart'; // Imports custom functions import 'package:flutter/material.dart'; // Begin custom action code // DO NOT REMOVE OR MODIFY THE CODE ABOVE! Future desconectar(String tabela) async { // Add your function code here! final supabase = SupaFlow.client; String table = tabela; final channel = supabase.channel('public:' + table); // Desconectar do canal await channel.unsubscribe(); }

[@momentosbiblicosoficial]

Com a nova atualização para o V.2 no Flutterflow não estou mais conseguindo usar essa função. Tem alguma atualização Israel?

[@anicelioleite9473]

Ótima pergunta

[@kingoffline3188]

Great video, you made my day mate!

[@jaguarconsultoriadigital8147]

Ótimo vídeo, obrigado.

[@wellingtonsantiago-pt8mv]

Tem um problema, nao funciona direito quando voce tem uma lista de publicações e cada publicação um botao para curtir, quajdo sao varios ele nao funciona corretamente

[@wellingtonsantiago-pt8mv]

o meu nao ta reconhecendo as classes colocadas no codigo, e ja tenho o supabase no projeto

[@eduardomattos8932]

Caso eu tenha um dashboard com vários dados de tabelas diferentes. Eu teria que repetir o os códigos de desconexão e conexão com o supabase tantas vezes quanto for o número de tabelas ? Se não, como seria o código para várias tabelas? E os refreshs como ficariam?

[@data7apps]

Se você tiver um Dashboard não faz sentido usar esse código, o realtime do supabase já é suficiente.

[@KelvolaDaCartola]

​@@data7appsmas uma dashboard que requer múltiplas tabelas e tem lá seus relacionamentos não teria que usar algo parecido? Pois não conseguimos fazer joins no flutterflow, só em functions supabase e nas custom functions mesmo

[@eduardomattos8932]

Depois da atualização para o supabase V2 a custom action deixou de funcionar. Já fiz de tudo. Já consultei a documentação do SB e chatgpt mas no final sempre dá um aviso que não reconhece o parâmetro ação. Como deveria ser o código?

[@data7apps]

Com a nova atualizacao nao é mais necessário esse código, pois agora ele já faz nativamente.

[@eduardomattos8932]

@@data7apps Ele faz nativamente quando vc puxa os dados de supabase query simples mas não de uma API com filtros mais complexos que eu utilizo.

[@data7apps]

@ entendi, isso ainda não testei, vou dar uma olhada no código para ver o q pode ter mudado

[@sanjaychristian8082]

Thank you! Great work!

[@manus5312]

Oi ! Eu estou recebendo os erros abaixos: Target of URI doesn't exist: '/backend/schema/enums/enums.dart'. Try creating the file referenced by the URI, or try using a URI for a file that does exist. line 13 char 8 Undefined name 'RealtimeListenTypes'. Try correcting the name to one that is defined, or defining the name. line 27 char 5 The function 'ChannelFilter' isn't defined. Try importing the library that defines 'ChannelFilter', correcting the name to the name of an existing function, or defining a function named 'ChannelFilter'. line 28 char 5

[@data7apps]

Voce precisa que o seu projeto esteja conectado com o Supabase, depois essa linha que ele colocou automaticamente ... '/backend/schema/enums/enums.... voce pode deletar.

[@eduardomattos8932]

Eu ja havia informado as credencias para conectar ao meu Supabase mas ao tentar novamente, funcionou. Obrigado.

[@parampatel2803]

Also getting the same error, couldn't resolve it.

[@data7apps]

Conectar // Automatic FlutterFlow imports import '/backend/schema/structs/index.dart'; import '/backend/supabase/supabase.dart'; import '/flutter_flow/flutter_flow_theme.dart'; import '/flutter_flow/flutter_flow_util.dart'; import '/custom_code/actions/index.dart'; // Imports other custom actions import '/flutter_flow/custom_functions.dart'; // Imports custom functions import 'package:flutter/material.dart'; // Begin custom action code // DO NOT REMOVE OR MODIFY THE CODE ABOVE! Future conectar( String tabela, Future Function() acao, ) async { // Add your function code here! final supabase = SupaFlow.client; String table = tabela; final channelName = 'public:' + table; final channel = supabase.channel(channelName); // Configura a nova inscrição channel.on( RealtimeListenTypes.postgresChanges, ChannelFilter(event: '*', schema: 'public', table: table), (payload, [ref]) { acao(); print('Reloaded.'); }, ).subscribe(); } Desconectar // Automatic FlutterFlow imports import '/backend/schema/structs/index.dart'; import '/backend/supabase/supabase.dart'; import '/flutter_flow/flutter_flow_theme.dart'; import '/flutter_flow/flutter_flow_util.dart'; import '/custom_code/actions/index.dart'; // Imports other custom actions import '/flutter_flow/custom_functions.dart'; // Imports custom functions import 'package:flutter/material.dart'; // Begin custom action code // DO NOT REMOVE OR MODIFY THE CODE ABOVE! Future desconectar(String tabela) async { // Add your function code here! final supabase = SupaFlow.client; String table = tabela; final channel = supabase.channel('public:' + table); // Desconectar do canal await channel.unsubscribe(); }

[@wellingtonsantiago-pt8mv]

Undefined name 'RealtimeListenTypes'. Try correcting the name to one that is defined, or defining the name. ta dando isso

[@hugolloyd9495]

I am having the same issue. Did you manage to resolve this?

[@sambrucejoseph]

Try adding this to your custom code: import 'package:supabase_flutter/supabase_flutter.dart';

[@cristhiamllerena9025]

you need to add: import 'package:supabase_flutter/supabase_flutter.dart';

[@renatodiaslima]

A função para conectar precisa importar uma lib import 'package:realtime_client/realtime_client.dart'; Adiciona no Pubsec dependencies: realtime_client: ^1.4.0