This is the part where I spent most of the time for developing and improvising. To create a mobile application there are many options: for Native Android — Java / Kotlin, for native IOS — Swift. I chose a cross-platform approach, where React Native or Flutter is used. I opted for React Native because I have some experience with React, but you can choose anyone.
As you might have guessed if you are following this blog. Yes! First step is to learn some basics and workflow of React Native. However, I encountered an issue while I was learning the React Native workflow with expo. The Expo SDK have been updated. So, the entire file structure got changed also files are changed to Typescript.
To address this, I modified the file structure and file format to JSX. You don’t have to watch a 10 hours or 5 hours tutorial; you just need to understand the workflow and file structure. Maybe In future blog I try to explain the new file structure. Once you understand the working, you can simply search for name of the component you want to use and read the React Native or Expo Documentation. It’s a matter of watch, code and style to your preference.
For my project, I added all the necessary components I want by reading the documentation and use ChatGPT for basic styling. My teammate Kishorkumar whose learning UI and UX helped me on choosing color palette, Images, Icons and some styling.
Here’s a scenario: I want to add a Flip card in my app, so I searched online, some have built cards from scratch while others use third party like “reactnativeelements”. I used react-native-flip-card for flip cards. Similarly, you can search for methods to add feature and customize them as you wish.
Be the first to comment