@abhishek-dangol

Creating Horizontally Scrollable Cards on React Native

Sep 10, 2024 · 1 min read · import {StyleSheet, Text, View, ScrollView} from 'react-native'; import React from 'react'; const ElevatedCards = () => { return ( <View> <Text style={styles.headingText}>ElevatedCards</Text> <ScrollView horizontal={true} style={st...

How to create Flat Cards on React Native

Sep 10, 2024 · 1 min read · import {StyleSheet, Text, View} from 'react-native'; import React from 'react'; const FlatCards = () => { return ( <View> <Text style={styles.headingText}>Flat Cards</Text> <View style={styles.container}> <View style={[styl...

Dark Mode for React Native

Sep 9, 2024 · 1 min read · You can use the useColorScheme hook provided by React Native which reads the default device theme and renders the app in either dark mode or light mode based on that theme. Of course, you do need to explicitly mention the colors of your text in Style...

Hello World in React Native

Sep 9, 2024 · 2 min read · Here is how you can render a simple 'Hello World!' in React Native. Delete all the contents of App.tsx that are created by default when creating a new React Native project: import React from 'react'; import type {PropsWithChildren} from 'react'; impo...