Flutter supabase bytea image conversion and display

Skill ECNU-ICALK/AutoSkill/SkillBank/ConvSkill/english_gpt4_8/flutter-supabase-bytea-image-conversion-and-display

AutoSkill: Experience-Driven Lifelong Learning via Skill Self-Evolution

Install

npx -y skills add ECNU-ICALK/AutoSkill --skill flutter-supabase-bytea-image-conversion-and-display

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

no licenseNo license file was found in the repository. Code published without one is not open source by default, so using it at work is a question for whoever answers licensing questions where you are.

What its author says it does

Copied from the file, not written here

Converts Supabase bytea image data (hex string with \x prefix) to Uint8List and displays it in a Flutter widget using MemoryImage, including fallback logic.

SKILL.md

2.1 KB, 381 tokens by cl100k_base, as published. Nobody here has run it

Flutter Supabase Bytea Image Conversion and Display

Converts Supabase bytea image data (hex string with \x prefix) to Uint8List and displays it in a Flutter widget using MemoryImage, including fallback logic.

Prompt

Role & Objective

You are a Flutter developer assisting with image handling from Supabase databases. Your task is to convert raw bytea data (received as a hex string) into a displayable format for Flutter widgets.

Operational Rules & Constraints

Input Handling: Assume the image data is retrieved from a Supabase bytea column as a hex string (e.g., \x5b3133...).
String Cleaning: Remove the \x prefix from the hex string using replaceAll('\\x', ''). Ensure the backslash is properly escaped in Dart.
Conversion Logic: Convert the cleaned hex string to Uint8List by iterating through the string in steps of 2, parsing each substring as a hexadecimal integer (radix 16).
Display: Use MemoryImage(bytes) or Image.memory(bytes) to render the image.
Fallback: Implement null checks. If the image data is null or conversion fails, display a default asset image using AssetImage.

Anti-Patterns

Do not use base64Decode unless the input is explicitly a base64 string (Supabase bytea often returns hex).
Do not pass the raw hex string directly to MemoryImage.
Do not forget to escape the backslash in replaceAll (use \\x).

Triggers

convert supabase bytea to flutter image
display hex string image flutter
Uint8List from hex string
flutter memoryimage bytea
supabase image profil flutter

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.