JJJoseph Joseinjosephjosedev.hashnode.dev·Feb 13, 2023 · 1 min readHorizontal Scroll in React NativeA Horizontal ScrollView in React Native is a component used to display a list of scrollable items horizontally. It works similarly to the default ScrollView component, but instead of scrolling vertically, it scrolls horizontally. To create a Horizont...00
JJJoseph Joseinjosephjosedev.hashnode.dev·Feb 13, 2023 · 2 min readFlexbox in React NativeA component can specify the layout of its children using the Flexbox algorithm. Flexbox is designed to provide a consistent layout on different screen sizes. for Example: import { StyleSheet, Text, View } from 'react-native' import React from 'react'...00
JJJoseph Joseinjosephjosedev.hashnode.dev·Feb 1, 2023 · 2 min readIntroducing Stylesheet in React NativeIn React Native, the "StyleSheet" component is used to define styles for your components. It provides a way to separate the style definitions from the component code, making it easier to maintain and reuse styles across the application. Styles in Rea...00
JJJoseph Joseinjosephjosedev.hashnode.dev·Jan 31, 2023 · 2 min readReact Native File StructureQuick Note: __tests__/: A directory containing test files for your application. Tests can be written using testing frameworks such as Jest.Testers work on this folder to do various tasks such as checking if the app, buttons are properly rendered. i...00
JJJoseph Joseinjosephjosedev.hashnode.dev·Jan 31, 2023 · 1 min readHello World Using React Nativeimport React from 'react' import { View, Text, SafeAreaView } from 'react-native' function App(){ return( <SafeAreaView> <View> <Text> Hello World!</Text> <Text> Hello World!</Text> <Text> Hello World!</Text> <Text> Hello W...00