Back

Whatsapp

  • 1
  • General
  • Flutter
  • Android
Arif Qayoom
5 Apr, 2023, 16:38

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

TL;DR
The user wants to implement a feature in their WhatsApp clone that shows an uploading indicator or loader for image messages. Another user suggests using a Stack widget in Flutter to display the image and a custom circular progress indicator. They also mention using the Get File for Download endpoint from Appwrite to check if the image download is complete. There is no official startup program for Appwrite at the moment, but the user can continue using the free tier. No specific solution is provided for the image uploading feature.
joeyouss
5 Apr, 2023, 16:41
Tessa
7 Apr, 2023, 21:12

@Arif Qayoom did this answer your question?

Arif Qayoom
8 Apr, 2023, 16:37

@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

Drake
8 Apr, 2023, 17:00

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

Arif Qayoom
8 Apr, 2023, 17:01

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

Drake
8 Apr, 2023, 17:02

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

Arif Qayoom
8 Apr, 2023, 17:04

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

Arif Qayoom
8 Apr, 2023, 17:05

I mean Free Cloud for some time

Drake
8 Apr, 2023, 17:05

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.

Drake
8 Apr, 2023, 17:06

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

Arif Qayoom
8 Apr, 2023, 17:06

Okay I will Try It from there ❤️

Arif Qayoom
8 Apr, 2023, 17:07

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

Tessa
8 Apr, 2023, 18:36

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 💜

safwan
8 Apr, 2023, 18:54

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

TypeScript
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.

Arif Qayoom
8 Apr, 2023, 22:40

okay We will wait

Arif Qayoom
8 Apr, 2023, 22:40

thank you boss

Reply

Reply to this thread by joining our Discord

Reply on Discord

Need support?

Join our Discord

Get community support by joining our Discord server.

Join Discord

Get premium support

Join Appwrite Pro and get email support from our team.

Learn more