React Native Easy Snippets

A collection of useful React Native & Expo snippets for faster development.

Features

• React Native View & Text boilerplates
• Screen templates: SafeAreaView, ScrollView
• Buttons, Inputs, Images
• Supports className / NativeWind styling

Usage

1. Open a .tsx or .jsx file
2. Type the snippet prefix, for example:
   • screen-view → Creates a basic screen with View & Text
   • screen-safe-area-view → Screen wrapped in SafeAreaView
   • screen-scroll-view → Scrollable screen using ScrollView
   • screen-safe-area-with-scroll-view → Scrollable screen with SafeAreaView
   • view-with-style → View with style object
   • view-with-class → View with className
   • text-with-style → Text with style
   • text-with-class → Text with className
   • btn-normal → Inline Button with alert
   • pressable-btn → Pressable button that navigates to a route
   • touchable-btn → TouchableOpacity button with alert
   • input-text-field → Default text input
   • input-email-field → Email input with autoCapitalize='none'
   • input-number-field → Numeric input
   • input-phone-field → Phone number input
   • input-password-field → Password input
   • img-with-src → Local image using require
   • img-with-net → Network image using uri
   • safe-area-view-only → SafeAreaView wrapper with styling
   • scroll-view-only → ScrollView wrapper with padding and styling
3. Press Enter to expand

Author

Md Sabbir Hosain Contact: contact.sabbirhosain@gmail.com