While building Android apps with React Native, you will notice we need a completely different toolset. This means you need a Mac OS if you want to build iOS apps with React Native, or iOS apps in general. You also need a Mac OS to work with Xcode. It installs the iOS simulator and all the necessary tools to build your iOS app. The first tool you will need to build iOS apps with React Native is Xcode. You would never touch native iOS or Android code, while using Expo. Note: If you are building your app using Expo, which basically adds another layer of abstraction to React Native, you can do away with these tools. If you are building your React Native app, using the React Native CLI, you will use different sets of tools for iOS and Android. In this post, we will learn the differences between iOS and Android that you will encounter while building React Native apps. There is never a perfect one size fits all solution, which means you need to tailor some pieces based on the platform as well.īased on the projects I have worked on, and after seeing what others in the community have shared, about 85-90% of the code is shared between iOS and Android.Ĩ5-90% code is shared between iOS and Android using React Native But there are practical differences between iOS and Android, that you have to tackle as a React Native developer. Code once and it works on both iOS and Android.

The biggest perk here is that the code is shared across the platforms. You have picked React Native to build cross-platform native apps on both iOS and Android. ((err, name) => console.July 20th, 2020 Comments Differences in Building iOS and Android Apps Using React Native Public class DeviceModule extends ReactContextBaseJavaModule from 'react-native'

These methods can be accessed from NativeModules of the react-native package.Īndroid/app/src/main/java/com/notetaker/device/DeviceModule.java package In order to expose a method from a native Java module to Javascript, just write a method and add annotation on top of it. The getName method basically contains the name by which the module will be exported to the JS. The custom native module class should extend ReactContextBaseJavaModule.Īfter this, we will have to implement the getName() method. SVG Icons using react-native-vector-icons 🐾Ĭreate a Java class file android/app/src/main/java/com/notetaker/device/DeviceModule.java This is our main custom native module file. Speed up development with some and ES7 features 🤘 Creating basic components and writing platform-specific codeĮSLint: The guardian of code conventions ⚔️

Build react native android studio