How to add floating button in React Native & Expo Applications | React Native Tutorial and Project

hello guys my name is Rohit Kumar thakur and in this video I am gonna show you how to add a floating button using react native Expo first start an application select the blank template name your application and continue to dependencies downloading uh in this project we need the vector icon package so install it first [Music] uh now for the floating button here I need the floating button Handler this Handler uh gonna show whether the button is pressed or not let's add the button inside the touchable opacity component foreign [Music] this project to see our application in action okay the color of the icon is white that's why we can't see anything change this to Black and customize the size and position of the floating button foreign now let's add some text and put this into the scroll View foreign you can see that the floating button position is absolute and it's not moving I hope you're gonna use this tutorial video for making beautiful projects stay tuned uh see you in the next react native video

Channel: Bug Ninza

Views: 3,661

Keywords: Mobile App Development, iOS App Development, Android App Development, Native App Development, Javascript, Code, Programming, Technology, Software Engineering, Projects, ui-ux, cross platform framework, js, learn javascript, app development, react navigation, react navigation 6, React native Tutorial, react native tutorial in hindi, react js, floating button

Id: wOAaGutTjM0

Length: 5min 1sec (301 seconds)

Published: Mon Oct 17 2022