Whatsapp

Sir How Can I implement like Uploading Image like this on whatsapp Clone

Hi, you can use https://appwrite.io/docs/client/storage

@Arif Qayoom did this answer your question?

@joeyouss No Actually I have created whatsapp Clone using Flutter & appwrite I'm able to send & recieve Image messages But I want to show a this image on Chat with an uploading indicator or loader before uploading same whatsapp does

Did you look at the storage API docs Jyoti shared above? What questions do you have after reading them?

Boss I have already used Appwrite storage I just want To make it better Look Same as whatsapp

Oh...so your question isn't related to Appwrite?

No its related to Flutter But Steven Is appwrite free for some startups like we are startups fully based on appwrite?

I mean Free Cloud for some time

I see. Looking at the screenshot you provided, is probably use a combination of stack for the x thing on top of the image and box decoration for the rounded outline.

FYI, for general flutter help, you might find more help in a flutter specific discord server.

We don't have an official startup program yet so you'll just make use of the free tier

Okay I will Try It from there ❤️

Yeah I'm using Appwrite cloud beta It was my just an doubt if there will be am plan for startups then we will continue with production

It’s definitely something we are thinking for the near future but there’s no guarantee on timing, and things can always change based on priorities 💜

@Arif Qayoom To display the image like it does in WhatsApp, you can use a Stack as Steven mentioned.

Stack(
  children: [
    Image.network('[image-source-here]'),
    CustomCircularProgressIndicator(),
  ],
)

This is pseudo-code to help you understand how to go about adding the preview. You'll have to create a CustomCircularProgressIndicator to match the design you want, or you can use Flutter's default CircularProgressIndicator.

You can use the Get File for Download endpoint from Appwrite to get the image, and use a flag to see if the image download is complete. If it isn't, show the progress indicator, and if it's downloaded, show the image.

okay We will wait

thank you boss