Flutterflow Switch camera | Custom camera widget

hi everyone um in this video I'm going to share how to uh add feature to switch camera from front to back and from back to throne uh with the custom camera wiet uh like this and this is the result of uh the tutorial I have a switch button on the bottom right when I click uh the switch button this is will be switch the direction or the the direction to back camera when I click the Switch button again will be uh back to front camera again and when I click the take picture the middle rounded button will take my picture and when I click the x button on the top right I will be reset the camera and then yeah like that and how I create this thing is uh let's jump to the tutorial so um actually this is the same project that I'm using for the last uh tutorial for the custom camera wiet I add one more pads camera pads and okay uh first of all uh the things that I update is uh uh this is the app you have to add Mac photo file best 64 and you can ignore the index and file pad because uh this thing is for the uploading picture to the file store and I'm not going to talking about that in this video but but uh also if you want to see the function I already have in this project and again you can clone the URL for the calling the project is on my description video and next is is and ISB camera you have to add uh two more app set with the type Boolean IT Tech is uh to to uh to make a condition to show the previews uh of the result of the picture uh and it's back camera is to make a condition uh is it the back camera or the front camera okay uh this is for the app stad and the next thing is custom code uh I still using the B 64 to file uh this cust code is to convert uh because the result uh from my custom wiget is basic C4 so when I want to uh want to see the preview I need to store the basic C4 to to file up to upload it file so the flf flow can uh can use my my uploader file and and uh show the previe and then um I create uh one more uh widget custom wiet which is the camera photo um add some improvement which is uh the logic is uh this uh this is will be listening to two Abad which is make photo to trigger the action to convert the pre Q2 B 64 and one more is uh we'll be listening about is B camera upet and when it's a trigger so the direction will be changed and I put the iniz the camera to to this function um but uh again you can uh just copy past the function and don't forget to reload the pop spec Dev and next thing is on the patch I create this patch uh like this so on the patch I put some stack with the and then inside the stack I put the camera reget that I just created and I put the container as a button to take a picture and uh the icon button to switch the camera Direction and then the preview image which is I TR the condition from IST app St so I will show this is will be like this and the last one is the top right button the close button is to reset the abep is St to false so we can uh take picture again and uh for the for this container as a button I add some action to upd that up that ch change the Mac photo value to true so the camera photo weet uh canist on the chain and did the action and for the switch button I add uh some condition also to update abat to update upat is back camera if the value of the ISB camera is true I will change to false and if false I will I will change to true and uh this image the sours of this image is uh from the custom function that I have and then uh for the parameter for the arguments I put the file B 64 this is also the app step um okay like that and last one is yeah this is for the set the value of a to false to reset the pruse uh actually uh just like that uh and the things that I have to mention to you guys is uh this custom wiget uh unfortunately can uh cannot not able to see in the previous mode or On the Run mode and this is uh only only can be able to see on the when you when you do some web publishing or uh when you guys um exporting to the APK or running on your uh you know the real devices so it's uh will be work just uh for that and I think uh like just like that uh I hope this video will be help you uh just feel free to comment in the comment section below I will try to uh answer the question so thank you for watching

Channel: yusuf firdaus

Views: 256

Keywords:

Id: Rbtk07HzrKg

Length: 8min 28sec (508 seconds)

Published: Tue Apr 09 2024