Recall & Review
beginner
What is a Modal in React Native?
A Modal is a component that appears on top of the current screen to show important information or get user input. It blocks interaction with the rest of the app until dismissed.
Click to reveal answer
beginner
How does a Bottom Sheet differ from a Modal?
A Bottom Sheet slides up from the bottom of the screen and usually covers part of the screen. It is less intrusive than a Modal and often used for actions or options.
Click to reveal answer
beginner
Which React Native component is used to create a Modal?
The built-in
Modal component is used to create modals in React Native.Click to reveal answer
beginner
What prop controls the visibility of a Modal in React Native?
The
visible prop controls whether the Modal is shown (true) or hidden (false).Click to reveal answer
intermediate
Name one popular library to implement Bottom Sheets in React Native.
One popular library is
reanimated-bottom-sheet or @gorhom/bottom-sheet which provide customizable bottom sheets.Click to reveal answer
What happens when a Modal is visible in React Native?
✗ Incorrect
A Modal blocks interaction with the rest of the app until the user dismisses it.
Which prop do you use to show or hide a Modal?
✗ Incorrect
The
visible prop controls the Modal's visibility.A Bottom Sheet usually appears from where on the screen?
✗ Incorrect
A Bottom Sheet slides up from the bottom of the screen.
Which React Native component is built-in for Modals?
✗ Incorrect
React Native provides a built-in
Modal component.Which library can help create Bottom Sheets in React Native?
✗ Incorrect
reanimated-bottom-sheet is a popular library for Bottom Sheets.Explain how a Modal works in React Native and when you might use it.
Think about a popup that stops you from using the app until you respond.
You got /3 concepts.
Describe the difference between a Modal and a Bottom Sheet in mobile apps.
Imagine a popup vs a sliding panel from the bottom.
You got /3 concepts.