Set A Like Button System on

Рет қаралды 12,382

Жыл бұрын

If you build a social media app, like buttons are a necessary. I explain in this video how you can set like button system on #flutterflow #nocode
If you liked the video, please click "Like" button. This will help me to reach more people. I will be so glad to see you if you "Subscribe" to my channel. I publish new videos and answer comments as soon as possible.
Do you like my contents? You can support and thanks for my works if I help you. There are links below for supporting and contact with me:
🔶Buymeacoffe: www.buymeacoffee.com/theebatt
🔷Patreon: / theebatt
🔶 Twitter: / theebaat
🔷 Telegram: t.me/+VzwQIhcMJlQ3NDc0
🔶 Discord: / discord
💥💥 Would you like to have my own 𝐅𝐥𝐮𝐭𝐭𝐞𝐫𝐟𝐥𝐨𝐰 𝐩𝐫𝐨𝐣𝐞𝐜𝐭𝐬 which are with its unique functions? Templates are available for purchase and you can customize easily with your imagination as you wish. These projects will make your works easier and you will not need to start from scratch. You can finish your app faster than scratch building app.
📌 TB Social Media (Simplified Version) Template: tbnocode.com/tbitter
📌 TB Chat Template: tbnocode.com/tbchat
📌 TB Event Clone: tbnocode.com/tbevent
👑 You can also become a member on my website for exclusive videos about Flutterflow. I publish there my solutions about complex systems and features. Yo will also get some more benefits too. Please check my website:
🦇 tbnocode.com 🦇
If you are not subscriber on my channel, please subscribe the channel. You can also like the video and help me to reach for more people with my tutorials. You can also become a member on my KZfaq channel for exclusive videos and many benefits. Thank you for watching and have a nice day!! 😇🥰
#flutterflow #flutter #firebase #email #function #design #mobile #nocode #zerocode #lesscode #app #building #system #like #toggle #toggleicon #tutorial

Пікірлер: 86

@Theebatt 8 ай бұрын

🙏 Would you like to support my content? I will be there and make special contents there for our Patreon community - www.patreon.com/theebatt

@seraphf2210 5 ай бұрын

very helpful! Spent the whole day trying to do it myself, didnt't quite work, you are my saviour!

@Theebatt 5 ай бұрын

Ohhh it made my day! You are welcome🥹🤗

@amazonguide2104 5 ай бұрын

Thank you so much! That is what class means to be!

@Theebatt 4 ай бұрын

You're so welcome!😉

@NanoAndro 3 күн бұрын

Great and simple job. Thx a lot mate.

@vladlenveronov4316 Жыл бұрын

Thanks!!!

@Theebatt Жыл бұрын

🤗🥳❤️

@user-ow7jw5zn1m Жыл бұрын

Thank you (Spas) my teacher 😊

@Theebatt Жыл бұрын

You’re welcome 😍🥰

@prakashm.s8134 5 ай бұрын

Thanks

@Theebatt 5 ай бұрын

You’re welcome 😇

@North_Cyprus_Calling 25 күн бұрын

Thanks for this lesson! But it seems a small mistake has occurred. At the LikePage you have made two query requests for the User Documents - one in ListView (2:43) and the second in UserInfo Row (3:16) - that brought you two similar documents. Then you connected Username to one Query request (3:24) but the CircleImage and the DisplayName to another (3:33). Why have you done it this way?

@KindleChronicles Жыл бұрын

I like your tutorials bro. Can you please show us an app example for a scheduling eg. medical app where users can see the see available time for doctor then book and this will also be indicated on the doctors side?

@Theebatt Жыл бұрын

Thank you bro. Yes I have plans for this. I will start to share this kind of videos after my vacation 🥳😄

@volta93 Жыл бұрын

Awesome tutorial man! Very clear. However I have an issue when i follow your steps and run. The toggle function works and the number increases but then it immediately reverts back and the toggle does not stay on. Have you experienced this or know how to fix it?

@Theebatt Жыл бұрын

Thank you for good words 😍😍 I had same situation before. If I remember right, you can try to use refresh action on actions of toggle icon. It should fix it 🙏🏼

@EurekaCode24 Жыл бұрын

I have the same error, the user who uploads the publication can like it and it will show normally, but if it is another user, he likes it and returns again, as if it will not count, can you help me?

@EurekaCode24 Жыл бұрын

@@Theebatt Can you explain how it is that I have the same problem :(

@Theebatt Жыл бұрын

@@EurekaCode24 I didn’t understand what is issue. Could you explain me again? 😔

@EurekaCode24 Жыл бұрын

@@Theebatt My problem is that, when I press the toggle button, it does change but then it goes back and pretends it will not register the user who gave it a like, as I saw your answer that it refreshes on the events page, if you could help me solve it

@abdelmoezayman2006 5 ай бұрын

This was very helpful, but i have problem I made a favorite page and when toggle icon is on it add the item in the page but when I click on it to turn off it add the item twice and don't delete it so it add and not remove, do you know how to fix it?

@Theebatt 3 ай бұрын

You can use conditional action for this. This will solve the issue :)

@celebritychannel1680 Ай бұрын

Hi hello, why did you make the post collection tk be a sub collection to users

@JosephBoix Жыл бұрын

I have an issue. When You make a query to database the toggle icon can access the document fields to set its value. This works fine. However, if I try to get the documents from a search result with Algolia or simple search the tooggle icon cannot access the document fields. Have you had any issues with this?

@Theebatt Жыл бұрын

Hmm I think I didn’t have this issue but I think it can be about Flutterflow. Sometimes it didn’t work on my project after update FF

@JosephBoix Жыл бұрын

@@Theebatt It only happens with the toggle icon. Other elements like images or texts can access the fields of the document. I also think it is a problem of Flutterflow

@Theebatt Жыл бұрын

Absolutely. But I suggest you that continue to get documents with new opinions maybe you can solve it

@basanthembrom7762 4 ай бұрын

I want to add post to favorite page but without user Logged in. i dont want to give authentication feature in my app.

@Theebatt 3 ай бұрын

You can make a increasing number action with toggle icon :)

@noxirus7740 7 ай бұрын

Hello ! I'm french ! I have question in your video , i d'ont see who to navigate to the postlike ?

@Theebatt 7 ай бұрын

Authenticated user 🥰

@noxirus7740 7 ай бұрын

@@Theebatt Sorry , how to configure the page to be able to navigate to the likes?

@Theebatt 7 ай бұрын

You need to use dynamic children as query and also use parameters for navigating :)

@vyralmedigital Жыл бұрын

Hi. This was really helpful. Can this be applied to api calls? I know this is applicable for firebase. I want to implement this kind of like system but without user authentication, rather just incrementing the like counts.

@Theebatt Жыл бұрын

You can use app state. When unauthorised user click the button, number will increase. I will make a video about this 😌😇

@anjasaja 9 ай бұрын

Hi, I tried to follow but failed.. it returns red error when testing. FF docs said "The variable/field that you tie to ToggleIcon must be of boolean (True/False) data type.", but yours is doc reference with lists...

@Theebatt 9 ай бұрын

I dont know, it is depends on you are binding what kind of data type for your toggleIcon. I suggest you to use toggleicons for ‘list’ 🙁

@WHITEDEVIL-pu1oc 4 ай бұрын

Same error it's coming

@vansh4519 3 ай бұрын

How can I just add liked post on favourite page in the app !!?

@Theebatt 3 ай бұрын

You need to use dynamic children for this 🥰

@nirmalrajapaksha2885 9 ай бұрын

hi friend, that is a great tutorial. all is correct, but how to show "post like" page. i cant open it. thanks, please help me. how to navigate it.

@Theebatt 9 ай бұрын

You need to define parameter for post like page. Watch my document reference video🤓

@nirmalrajapaksha2885 9 ай бұрын

thanks brother@@Theebatt

@lgk9564 2 ай бұрын

It's possible a video about progress bar and validation form?

@Theebatt 2 ай бұрын

Yes I can make a video about them 🤗

@Bandedegarantie 3 ай бұрын

Thank you, but it doesn't really work : All posts get liked when the user likes one post

@la_patatew 7 ай бұрын

help when i click on toggle value nothing shows up

@Theebatt 7 ай бұрын

You can check the rule date and update it🥰

@celebritychannel1680 Ай бұрын

Youndodnt show how we will navigate to the page thay contains the people that likes the post

@ZERO_0app 7 ай бұрын

I don't know what's wrong I can't do this can you help me?

@Theebatt 7 ай бұрын

Sure,explain me the issue please 🤗

@kentaro_37 Жыл бұрын

bro i was searching how can i create like button system, i didn't found exact tutorial anywhere thanks for sharing. btw, i can't find "posts document" while choosing toggle value! can you tell me how you are able to see it? i also want to add like number changing action! please tell me

@Theebatt Жыл бұрын

Beo it is probably about your firestore data strecture or maybe you make a mistake on page parameter 😞

@kentaro_37 Жыл бұрын

@Theebatt thank you for your reply, i made it! I solved the problem. It was a query problem

@Theebatt Жыл бұрын

@@kentaro_37 i am so happy to heard that you solved your problem 😍🥳

@pipevargas5582 11 ай бұрын

how you could solve this ?

@danyelfbc 11 ай бұрын

@@kentaro_37 how you could solve this ????

@QqQq-me2jq 7 ай бұрын

Welcome. Can I make a like button on app status without firebase

@Theebatt 7 ай бұрын

I think yes but I suggest you to also use data type with this 🥰

@QqQq-me2jq 7 ай бұрын

@@Theebatt Can you explain more?

@johnfreeman858 3 ай бұрын

You forgot to show how to add the user to the likes list in the database

@Theebatt 3 ай бұрын

I didn’t true ))

@bear094205 Жыл бұрын

Your video is really nice, but your voice is too low.

@Theebatt Жыл бұрын

Thank you for words 🥰🙏🏼 I try to solve this but I don’t have a good microphone. I will buy better microphone 😅

@FidelOsongo 9 күн бұрын

Fais nous aussi de tuto en français

@maheshChoudhary-mk7yb 2 ай бұрын

thank you so much for that, but your voice is very low

@Theebatt 2 ай бұрын

You’re welcome and you’re right because I had bad microphone and now I have new microphone. I believe that I solved this problem on new videos 🥰😅

@remvasilenko8766 8 ай бұрын

😂😂😂😂

@rivercritico 8 ай бұрын

Is it possible to add a like button without authenticated users? Maybe creating any kind of device unique identifier?

@Theebatt 8 ай бұрын

Yes it is possible to set. Maybe with data type 🤗

@sathitjuntanasatan2079 Жыл бұрын

bro nothing shows up on ''Post likes'' page can i see ur firestore or can u advising me plz (if u have discord it's will be very very good) thx // ps. sorry for my bad english.

@Theebatt Жыл бұрын

Your english is perfect. I would like show you my firestore ss but I am on vacation now but I will try to send you my ss.

@pipevargas5582 11 ай бұрын

how you could solve this ?

@vyralmedigital Жыл бұрын

@Theebatt Жыл бұрын

You can use app state. When unauthorised user click the button, number will increase. I will make a video about this 😌😇

@vyralmedigital Жыл бұрын

@@Theebatt oh thank you in advance. I'll be looking forward to the video. I've enabled notification so i get to know when you post.

@Theebatt Жыл бұрын

@@vyralmedigital I solved your question today and it is working 😌😎. You will not need user authentication and firebase. But I used app state for this because you said you dont want for firebase. Is it okay for you? 🤔

@vyralmedigital Жыл бұрын

@@Theebatt That sounds splendid. Where is the link to the video?

@Theebatt Жыл бұрын

I still haven’t recorded video and published yet but I will try to publish as soon as possible. There are a lot of videos which needs to be published but I will try best for this weekend🙏🏼