👋 Hello dev!
I’ve a new post to share with you this week 🙂
How to Create a Custom Image Gallery in React Native
In this tutorial, let's create a custom gallery of images using
FlatList from React Native. The open-source library is going to display each image in a carousel view. The
FlatList is what we will use to display the thumbnail view for each image below the carousel.
The construction of the syncing part between the two is to add a functionality such that when an image in the carousel is scrolled either left or right, the thumb in the
FlatList is also going to be scrolled along with it. Of course, to achieve this synchronization between the two, we are going to use React Hooks such that you will be able to implement such a pattern in your own React Native apps.
🌱 Life at Draftbit: 3 Months
It has been nearly 3 months since I joined Draftbit. It feels like a I’ve been on a journey.
I was initially hired as a tech writer but the role eventually evolved (within a month) into Dev Advocate 🥑.
Embracing your surroundings (new) without overthinking too much is one of the lessons I’ve learned in past three months. It has been the highlight for me this year, so far.
It’s not like that I am not writing posts or tutorials. In fact, I’ve been writing a lot at Draftbit. You can find most of my writings at Draftbit Community. I’ve been spending a lot of time in blending React Native and Expo open source libraries to implement new functionalities with Draftbit using a feature called “Custom Code”.
(Side-note: if you’d like to learn more about Custom Code check it out here.)
I am also getting comfortable with doing stuff with the flow or urgency. This has not been a huge part of my routine. Before Draftbit, working as a consultant/contract developer, most of my time was spent in organizing tasks and then doing them in an order.
Making cameo appearances on Draftbit’s YouTube channel is another thing I am getting comfortable with 😋. In the video below, you can watch me talk about Custom Code:
I am excited about Draftbit as a tool to enhance the life of a developer to build mobile apps and providing a gateway for people who embrace no-code. I will try to write a more in-depth post on my experience in this new journey in near future.
✌️This week’s edition is sponsored by Jscrambler
How to Protect React Native Apps with Jscrambler