DDDan Dangolindandangol.hashnode.dev·Sep 10, 2024 · 1 min readCreating Horizontally Scrollable Cards on React Nativeimport {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...00
DDDan Dangolindandangol.hashnode.dev·Sep 10, 2024 · 1 min readHow to create Flat Cards on React Nativeimport {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...00
DDDan Dangolindandangol.hashnode.dev·Sep 9, 2024 · 1 min readDark Mode for React NativeYou 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...00
DDDan Dangolindandangol.hashnode.dev·Sep 9, 2024 · 2 min readHello World in React NativeHere 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...00