Answering Emmanuel Irog-irog :
the url you get is right (with \"/public/\" inside), do not remove anything from it.
The fact is that you surely have defined your bucket as private (hence the 400 error), so you cannot use this url right away. You could use this url only if the bucket is public.
So, you must create a custom action calling \"createSignedUrl\", and then you will get the authorized url for this specific user (as soon as they comply with the RLS that you defined)

Here is the code of the custom action:

// Automatic FlutterFlow imports\nimport '/backend/schema/structs/index.dart';\nimport '/backend/schema/enums/enums.dart';\nimport '/backend/supabase/supabase.dart';\nimport '/actions/actions.dart' as action_blocks;\nimport '/flutter_flow/flutter_flow_theme.dart';\nimport '/flutter_flow/flutter_flow_util.dart';\nimport '/custom_code/actions/index.dart'; // Imports other custom actions\nimport '/flutter_flow/custom_functions.dart'; // Imports custom functions\nimport 'package:flutter/material.dart';\n// Begin custom action code\n// DO NOT REMOVE OR MODIFY THE CODE ABOVE!\n\nFuture<String?> getSignedUrl(\n  String bucket,\n  String fileUrl,\n) async {\n  // Add your function code here!\n  try {\n    var filename = fileUrl.split('/$bucket/')[1];\n    final signedUrl = await SupaFlow.client.storage\n        .from(bucket)\n        .createSignedUrl(filename, 3600);\n\n    if (signedUrl.isNotEmpty) {\n      return signedUrl;\n    } else {\n      return fileUrl;\n    }\n  } catch (error) {\n    return 'error retrieving file: $error';\n  }\n}

2 parameters: \"bucket\" and \"fileUrl\"
Based on your example : bucket = \"service-and-packages\" and fileUrl = \"https://...27000.jpg\"

Help me upload image to private supabase storage bucket and save signed url to database