GEITPL

This is an Example of Expandable Circular Button in React Native using react-native-circle-button. One of our AboutReact family members needed a button which can expand and the user can see more option that is why I have planned this post to share with others also. This button will help you to hide infrequent options from the screen and will show the options only when the user wants to see.

Run the following commands to create a new React Native project

To use CircleButton we need to install react-native-circle-button dependency.

To install this open the terminal and jump into your project using

Run the following command to install

Now Open App.js in any code editor and replace the code with the following code

Open the terminal again and jump into your project using.

To run the project on an Android Virtual Device or on real debugging device

or on the iOS Simulator by running (macOS only)

Thanks…

Related posts:

Today is a special day. It’s hard to believe that, eight years ago, you were born. I’ll never forget that day. I’m sure eight years feels like a really long time but it feels like a blink of an eye…

Friend Reunion is coming up and we cannot help but be excittteddd about it. Like all true die heart fans of Friends, I am just looking forward to see how it changed the lives of the stars who enacted…

For most of my adult life, I took pride in following what I thought was the healthiest diet in the world: the Mediterranean Diet. I also ate lots of fiber. That all changed recently after another…