BiteSizedChunks.comLearn one small thing at a time.

Courses Suggested Paths Pricing

Course contentsShowHide

388Flexbox deep dive — flex shorthand
389Flexbox deep dive — flexGrow
390Flexbox deep dive — flexShrink
391Flexbox deep dive — flexBasis
392Flexbox deep dive — flexWrap
393Flexbox deep dive — alignSelf
394Flexbox deep dive — alignContent
395Flexbox deep dive — gap
396Flexbox deep dive — rowGap and columnGap
397Flexbox deep dive — aspectRatio
398Flexbox deep dive — position absolute
399Flexbox deep dive — position relative
400Flexbox deep dive — position static
401Flexbox deep dive — top left right bottom
402Flexbox deep dive — start and end
403Flexbox deep dive — margin and padding shorthands
404Flexbox deep dive — marginHorizontal
405Flexbox deep dive — paddingVertical
406Flexbox deep dive — min and max width
407Flexbox deep dive — percentage dimensions
408Flexbox deep dive — display none
409Flexbox deep dive — direction rtl
410Flexbox deep dive — boxSizing
411Flexbox deep dive — inset
412Flexbox deep dive — centering patterns
413Flexbox deep dive — holy grail layout
414Flexbox deep dive — sticky footer layout
415Flexbox deep dive — overlapping layouts
416Flexbox deep dive — measure and measureInWindow
417Flexbox deep dive — onLayout driven layouts
418Visual styles — backgroundColor formats
419Visual styles — borderRadius per corner
420Visual styles — borderWidth per side
421Visual styles — borderStyle
422Visual styles — borderColor
423Visual styles — opacity
424Visual styles — shadowColor iOS
425Visual styles — shadowOffset
426Visual styles — shadowOpacity
427Visual styles — shadowRadius
428Visual styles — boxShadow new architecture
429Visual styles — elevation
430Visual styles — outline
431Visual styles — transform translate
432Visual styles — transform scale
433Visual styles — transform rotate
434Visual styles — transform skew
435Visual styles — transformOrigin
436Visual styles — perspective
437Visual styles — backfaceVisibility
438Visual styles — filter blur
439Visual styles — filter brightness
440Visual styles — mixBlendMode
441Visual styles — cursor
442Visual styles — experimental_backgroundImage gradients
443Visual styles — cornerCurve continuous
444Visual styles — PlatformColor
445Visual styles — DynamicColorIOS
446Visual styles — color names and rgba
447Visual styles — hsl colors
448Visual styles — processColor
449StyleSheet API — StyleSheet.create benefits
450StyleSheet API — StyleSheet.flatten
451StyleSheet API — StyleSheet.compose
452StyleSheet API — StyleSheet.absoluteFill
453StyleSheet API — StyleSheet.absoluteFillObject
454StyleSheet API — StyleSheet.hairlineWidth
455StyleSheet API — style arrays
456StyleSheet API — conditional styles
457StyleSheet API — style inheritance limits
458StyleSheet API — theme-based styles
459StyleSheet API — dynamic styles with hooks
460StyleSheet API — useMemo styles
461StyleSheet API — styles co-location
462StyleSheet API — design tokens
463StyleSheet API — spacing scale
464StyleSheet API — typography scale
465StyleSheet API — TypeScript style types
466StyleSheet API — ViewStyle TextStyle ImageStyle
467Styling libraries — NativeWind
468Styling libraries — Tailwind with RN
469Styling libraries — Unistyles
470Styling libraries — styled-components native
471Styling libraries — Emotion native
472Styling libraries — Restyle by Shopify
473Styling libraries — Tamagui
474Styling libraries — gluestack-ui
475Styling libraries — Dripsy
476Styling libraries — react-native-paper
477Styling libraries — React Native Elements
478Styling libraries — NativeBase history
479Styling libraries — UI Kitten
480Styling libraries — Shoutem
481Styling libraries — react-native-ui-lib
482Styling libraries — Ignite boilerplate
483Styling libraries — Stylex notes
484Styling libraries — CSS interop
485Styling libraries — Tailwind config for RN
486Styling libraries — dark variants in NativeWind
487Theming and dark mode — useColorScheme
488Theming and dark mode — Appearance.getColorScheme
489Theming and dark mode — Appearance.addChangeListener
490Theming and dark mode — userInterfaceStyle in app.json
491Theming and dark mode — ThemeProvider pattern
492Theming and dark mode — React Navigation themes
493Theming and dark mode — persisting theme choice
494Theming and dark mode — system vs manual theme
495Theming and dark mode — dynamic colors Material You
496Theming and dark mode — high contrast mode
497Theming and dark mode — color tokens
498Theming and dark mode — semantic colors
499Theming and dark mode — status bar and theme sync
500Theming and dark mode — theme transitions
501Theming and dark mode — images for dark mode
502Typography and fonts — system fonts
503Typography and fonts — adding custom fonts iOS
504Typography and fonts — adding custom fonts Android
505Typography and fonts — expo-font useFonts
506Typography and fonts — expo-google-fonts
507Typography and fonts — react-native-asset
508Typography and fonts — variable fonts
509Typography and fonts — font weight mapping
510Typography and fonts — font scaling accessibility
511Typography and fonts — text truncation
512Typography and fonts — rich text rendering
513Typography and fonts — markdown rendering
514Typography and fonts — HTML rendering
515Typography and fonts — emoji handling
516Typography and fonts — RTL text
517Typography and fonts — icon fonts
518Typography and fonts — react-native-vector-icons
519Typography and fonts — @expo/vector-icons
520Typography and fonts — react-native-svg icons
521Typography and fonts — SVG transformer
522Responsive design — breakpoints
523Responsive design — scale utilities
524Responsive design — react-native-size-matters
525Responsive design — react-native-responsive-screen
526Responsive design — orientation lock
527Responsive design — split view on iPad
528Responsive design — multi-window Android
529Responsive design — foldable postures
530Responsive design — tablet master-detail
531Responsive design — container-width layouts
532Responsive design — font scaling responsive
533Responsive design — responsive images
534Responsive design — web responsive with RN Web
535Responsive design — media query hooks
536Responsive design — adaptive navigation rails
537SVG and graphics — Svg component
538SVG and graphics — Path
539SVG and graphics — Circle
540SVG and graphics — Rect
541SVG and graphics — Line
542SVG and graphics — Polygon
543SVG and graphics — G group
544SVG and graphics — Defs
545SVG and graphics — LinearGradient
546SVG and graphics — RadialGradient
547SVG and graphics — ClipPath
548SVG and graphics — Mask
549SVG and graphics — Text in SVG
550SVG and graphics — Use and Symbol
551SVG and graphics — Pattern
552SVG and graphics — SvgUri
553SVG and graphics — SvgXml
554SVG and graphics — SVGR transformer
555SVG and graphics — animating SVG
556SVG and graphics — chart drawing with SVG
557SVG and graphics — icon sets as SVG
558SVG and graphics — react-native-linear-gradient
559SVG and graphics — expo-linear-gradient
560SVG and graphics — expo-blur
561SVG and graphics — BlurView

388Flexbox deep dive — flex shorthand
389Flexbox deep dive — flexGrow
390Flexbox deep dive — flexShrink
391Flexbox deep dive — flexBasis
392Flexbox deep dive — flexWrap
393Flexbox deep dive — alignSelf
394Flexbox deep dive — alignContent
395Flexbox deep dive — gap
396Flexbox deep dive — rowGap and columnGap
397Flexbox deep dive — aspectRatio
398Flexbox deep dive — position absolute
399Flexbox deep dive — position relative
400Flexbox deep dive — position static
401Flexbox deep dive — top left right bottom
402Flexbox deep dive — start and end
403Flexbox deep dive — margin and padding shorthands
404Flexbox deep dive — marginHorizontal
405Flexbox deep dive — paddingVertical
406Flexbox deep dive — min and max width
407Flexbox deep dive — percentage dimensions
408Flexbox deep dive — display none
409Flexbox deep dive — direction rtl
410Flexbox deep dive — boxSizing
411Flexbox deep dive — inset
412Flexbox deep dive — centering patterns
413Flexbox deep dive — holy grail layout
414Flexbox deep dive — sticky footer layout
415Flexbox deep dive — overlapping layouts
416Flexbox deep dive — measure and measureInWindow
417Flexbox deep dive — onLayout driven layouts
418Visual styles — backgroundColor formats
419Visual styles — borderRadius per corner
420Visual styles — borderWidth per side
421Visual styles — borderStyle
422Visual styles — borderColor
423Visual styles — opacity
424Visual styles — shadowColor iOS
425Visual styles — shadowOffset
426Visual styles — shadowOpacity
427Visual styles — shadowRadius
428Visual styles — boxShadow new architecture
429Visual styles — elevation
430Visual styles — outline
431Visual styles — transform translate
432Visual styles — transform scale
433Visual styles — transform rotate
434Visual styles — transform skew
435Visual styles — transformOrigin
436Visual styles — perspective
437Visual styles — backfaceVisibility
438Visual styles — filter blur
439Visual styles — filter brightness
440Visual styles — mixBlendMode
441Visual styles — cursor
442Visual styles — experimental_backgroundImage gradients
443Visual styles — cornerCurve continuous
444Visual styles — PlatformColor
445Visual styles — DynamicColorIOS
446Visual styles — color names and rgba
447Visual styles — hsl colors
448Visual styles — processColor
449StyleSheet API — StyleSheet.create benefits
450StyleSheet API — StyleSheet.flatten
451StyleSheet API — StyleSheet.compose
452StyleSheet API — StyleSheet.absoluteFill
453StyleSheet API — StyleSheet.absoluteFillObject
454StyleSheet API — StyleSheet.hairlineWidth
455StyleSheet API — style arrays
456StyleSheet API — conditional styles
457StyleSheet API — style inheritance limits
458StyleSheet API — theme-based styles
459StyleSheet API — dynamic styles with hooks
460StyleSheet API — useMemo styles
461StyleSheet API — styles co-location
462StyleSheet API — design tokens
463StyleSheet API — spacing scale
464StyleSheet API — typography scale
465StyleSheet API — TypeScript style types
466StyleSheet API — ViewStyle TextStyle ImageStyle
467Styling libraries — NativeWind
468Styling libraries — Tailwind with RN
469Styling libraries — Unistyles
470Styling libraries — styled-components native
471Styling libraries — Emotion native
472Styling libraries — Restyle by Shopify
473Styling libraries — Tamagui
474Styling libraries — gluestack-ui
475Styling libraries — Dripsy
476Styling libraries — react-native-paper
477Styling libraries — React Native Elements
478Styling libraries — NativeBase history
479Styling libraries — UI Kitten
480Styling libraries — Shoutem
481Styling libraries — react-native-ui-lib
482Styling libraries — Ignite boilerplate
483Styling libraries — Stylex notes
484Styling libraries — CSS interop
485Styling libraries — Tailwind config for RN
486Styling libraries — dark variants in NativeWind
487Theming and dark mode — useColorScheme
488Theming and dark mode — Appearance.getColorScheme
489Theming and dark mode — Appearance.addChangeListener
490Theming and dark mode — userInterfaceStyle in app.json
491Theming and dark mode — ThemeProvider pattern
492Theming and dark mode — React Navigation themes
493Theming and dark mode — persisting theme choice
494Theming and dark mode — system vs manual theme
495Theming and dark mode — dynamic colors Material You
496Theming and dark mode — high contrast mode
497Theming and dark mode — color tokens
498Theming and dark mode — semantic colors
499Theming and dark mode — status bar and theme sync
500Theming and dark mode — theme transitions
501Theming and dark mode — images for dark mode
502Typography and fonts — system fonts
503Typography and fonts — adding custom fonts iOS
504Typography and fonts — adding custom fonts Android
505Typography and fonts — expo-font useFonts
506Typography and fonts — expo-google-fonts
507Typography and fonts — react-native-asset
508Typography and fonts — variable fonts
509Typography and fonts — font weight mapping
510Typography and fonts — font scaling accessibility
511Typography and fonts — text truncation
512Typography and fonts — rich text rendering
513Typography and fonts — markdown rendering
514Typography and fonts — HTML rendering
515Typography and fonts — emoji handling
516Typography and fonts — RTL text
517Typography and fonts — icon fonts
518Typography and fonts — react-native-vector-icons
519Typography and fonts — @expo/vector-icons
520Typography and fonts — react-native-svg icons
521Typography and fonts — SVG transformer
522Responsive design — breakpoints
523Responsive design — scale utilities
524Responsive design — react-native-size-matters
525Responsive design — react-native-responsive-screen
526Responsive design — orientation lock
527Responsive design — split view on iPad
528Responsive design — multi-window Android
529Responsive design — foldable postures
530Responsive design — tablet master-detail
531Responsive design — container-width layouts
532Responsive design — font scaling responsive
533Responsive design — responsive images
534Responsive design — web responsive with RN Web
535Responsive design — media query hooks
536Responsive design — adaptive navigation rails
537SVG and graphics — Svg component
538SVG and graphics — Path
539SVG and graphics — Circle
540SVG and graphics — Rect
541SVG and graphics — Line
542SVG and graphics — Polygon
543SVG and graphics — G group
544SVG and graphics — Defs
545SVG and graphics — LinearGradient
546SVG and graphics — RadialGradient
547SVG and graphics — ClipPath
548SVG and graphics — Mask
549SVG and graphics — Text in SVG
550SVG and graphics — Use and Symbol
551SVG and graphics — Pattern
552SVG and graphics — SvgUri
553SVG and graphics — SvgXml
554SVG and graphics — SVGR transformer
555SVG and graphics — animating SVG
556SVG and graphics — chart drawing with SVG
557SVG and graphics — icon sets as SVG
558SVG and graphics — react-native-linear-gradient
559SVG and graphics — expo-linear-gradient
560SVG and graphics — expo-blur
561SVG and graphics — BlurView

← React Native

Search the React Native glossary

Lesson 421 of 3,511·8. Styling and Layout DepthFree lesson

Visual styles — borderStyle

Writing your lesson…

← Previous Next lesson →

© 2026 BiteSizedChunks.com. Learn one small thing at a time.

Glossary Contact Terms of Service Privacy Policy