React Native Tutorial for Beginners

Learn to set up a React Native development environment by installing node.js and Android Studio. Create and run your first project on an emulator or device.

Learn how to use the text component in React Native by importing it, rendering text, and applying styling properties such as font size, color, and background.

Use state with text input in React Native to capture name and age, updating the display in real time with styled inputs, placeholders, and keyboard configurations.

Explore how to display lists efficiently in react native by comparing FlatList and ScrollView, focusing on performance and rendering only visible items.

Learn to implement customizable alerts in React Native with multiple buttons, while collecting name, age, and gender via text inputs and displaying or logging results on submit.

Explore using props to pass data between React Native components, build a reusable menu, and create a text input that displays the entered name via props.

Create a reusable custom list component in React Native by passing data to render varied item types, reducing repetitive code and boosting usability.

Explore image props for the React Native image component, including resize modes (cover, contain, stretch, repeat, center) and styling options like border color, border radius, opacity, and distinct color.

Learn to use the native Android toast API in React Native to display messages. Implement default toasts, gravity positioning (top, center, bottom), and gravity with offset on Android devices.

Learn how to use the platform API in React Native to detect the device type, OS, and hardware details like brand, model, and API level.

Build a React Native app that uses vibration on press and long press, shows alerts, and manages a text input with state—demonstrated on a physical device via Expo.

Learn to use the community slider in a React Native beginners tutorial, including installation, import, state mapping, value changes, and min/max values, styling, and applying to distance or price scenarios.

Learn to use the react-native-elements button for flexible styling, including container, title, and icons, with solid, clear, and outline types, loading states, and on-press actions.

Import the input component from react native elements to replace standard text inputs, with placeholders, icons, secure text, and container styling for email and password fields.

learn to use a native overlay component in React Native, manage name and age inputs, toggle visibility, and customize the overlay with styling for a flexible, full-screen or backdrop experience.

Learn to implement a floating action button in React Native that stays fixed on screen with side placement and icon, enabling press actions to display user input via alert.

Learn to build a social icons component in React Native, creating share buttons for Facebook, Twitter, WhatsApp, GitHub, and more using a social networking library, with styling and onPress handlers.

Learn to implement a login flow in react native with email and password inputs and hardcoded credentials, navigate to product categories, and reset the navigation stack to disable back navigation.

Learn to set up a React Native project and customize screen headers across home and product category screens, including default titles, back button visibility, header styles, and global header options.