Horizontal 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...Feb 13, 2023 · 1 min readjosephjosedev.hashnode.dev
Flexbox 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'...Feb 13, 2023 · 2 min readjosephjosedev.hashnode.dev
Introducing 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...Feb 1, 2023 · 2 min readjosephjosedev.hashnode.dev
React 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...Jan 31, 2023 · 2 min readjosephjosedev.hashnode.dev
Hello 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...Jan 31, 2023 · 1 min readjosephjosedev.hashnode.dev
