Help in Profile Picture(Firebase Authentication) and Round Picture

[ADDYLIN]

On Screen1 when “Get Current User Success” i perform these actions - (there are more blocks below, but i cropped them as they were not necessary for this problem)

Everything was right a week ago Images Loaded properly, but yesterday i checked that the images are not loading.(this remained unnoticeable for a week as i was working on an another Screen)
I did no change in Blocks of this part so it is same as it was a week ago.(i confirmed that with a backup AIA)

I searched in the Community about this and found this -

Image is not Loading From Firebase Authentication profile picture Url

One Screen 1 when Authentication is sucessful the url is saved in tinydb and when home screen initialize I set Image picture to Url But the image is is not Loading. Please help me to solve it. Blocks : Screen 1 Blocks : [image] Home screen : This is on Screen Initialize Blocks [image] Note : Using or not using this block does not affect the O/P [image]

Solution in this Topic - Use “Asynchronus Image Loading”.
Thanks to @themaayur for the idea of “Asynchronus Image Loading”.

So, i used “Asynchronus Image Loading” and updated my Blocks to this -

This solved my problem but i want round images so i changed the Blocks again a bit -

But this returned no image.
I tried a whole day to fix this but i was not able to.

So, can anyone Please Help me to fix the Issue of Round Image or suggest some changes in Blocks which will Help.

[themaayur (Mayur Berad)]

Try this one

Profile Generator Extension

Write a short description A non-visible component that provides images with letter/text like the Gmail app. Add a picture of all the blocks Rounded Rectangular [3] Create Rounded Rectangular img. Rounded [2] Create Rounded img. Rectangular [1] Create Rounded img. Extra Properties [4] Demo [sample] How to use ? Blocks [1] Designer Property [2] Download Sample Project AIA ProfileMaking.aia (19.6 KB) Download Extension com.ProfileGenerator.aix (18.6 KB)

[ADDYLIN]

@Preet_Vadaliya

A non-visible component that provides images with letter/text like the Gmail app.

But, i want User Image.
That looks much better.

[themaayur (Mayur Berad)]

This one may help you

[FREE] LeoProfileView - Extension help you to create Circular Image with Icon || Version - 3

Write a short description LeoProfileView Extension Help you to make a beautiful UI. Previews 1 [1] (Top-Left) 2 [2] (Top-Right) 3 [3] (Bottom-Left) 4 [4] (Bottom-Right) Add a picture of all the blocks [PLeLupmFXt] [chrome_nFDfUZs3JW] Write instructions to use your extension Usually, all blocks named according to Use. [blocks (2)] Icon Position 1 -> Top-Left 2 -> Top-Right 3 -> Bottom-Left 4 -> Bottom-Right Update ( Version - 2) Added New Block [blocks (1)] Add N…

[The_K_Studio (Karan M.)]

To make any image circular or rounded, use circle image view extension.

Search about it on YouTube.

[ADDYLIN]

Any solution without using Extensions.

[themaayur (Mayur Berad)]

Nope, then use a square images.

[Sherpuraala]

Actually you can do it without using extension -
Step 1 - Get profile pic url from authentication
Step 2 - Download the profile pic from url
Step 3 - Use image editor to edit the image and make it round
Step 4 - Upload the edited image to cloudinary and get it’s url
Step 5 - Use the url wherever you want

This will help you

[ADDYLIN]

At last i am using this Extension.
No other method tends to work.