React Native Components & API
TouchableOpacity, TextInput, Modal, ActivityIndicator, Platform, Dimensions, StatusBar
1Which component should be used to create a simple button with a transparency effect on touch?
Which component should be used to create a simple button with a transparency effect on touch?
Answer
TouchableOpacity is the standard component for creating buttons with a visual transparency effect on touch. When the user presses it, the content opacity temporarily decreases, providing immediate visual feedback. It's the most commonly used component for simple touch interactions in React Native.
2Which TextInput prop allows hiding the entered text, useful for password fields?
Which TextInput prop allows hiding the entered text, useful for password fields?
Answer
The secureTextEntry prop hides the entered text by displaying dots or asterisks instead of characters. This is the standard method for creating secure password fields in React Native. When enabled, text is not visible on screen and clipboard is typically disabled for security reasons.
3How to retrieve the value entered in a TextInput in a controlled manner?
How to retrieve the value entered in a TextInput in a controlled manner?
Answer
A controlled TextInput combines the value prop with the onChangeText callback. The value prop defines the displayed text and is linked to a React state. onChangeText is called on each modification with the new value, allowing state updates. This pattern ensures a single source of truth and enables real-time text validation or transformation.
What is the main difference between TouchableOpacity and Pressable?
How to display a loading indicator centered on the screen?
+17 interview questions
Other React Native interview topics
JavaScript Essentials
React Fundamentals
React Native Basics
React Hooks
TypeScript for React & React Native
React Native Styling & Layout
React Native Navigation
React Native State Management
React Native Networking & API
Data Persistence
Forms & Validation
React Native Animations
Native Modules & Bridge
Platform-Specific Code
Permissions & Device APIs
Push Notifications
React Native Testing
React Native Debugging
Build & Deployment
Expo vs React Native Bare
Performance Optimization
Memory Management
Architecture Patterns
React Native New Architecture
Security Best Practices
Offline-First Architecture
React Native CI/CD
Monorepo & Code Sharing
Advanced Topics
App Lifecycle & Background Execution
Authentication & Session Management
Monitoring & Crash Reporting
Master React Native for your next interview
Access all questions, flashcards, technical tests, code review exercises and interview simulators.
Start for free