What is the purpose of the onPress attribute in TouchableOpacity?

To detect when the user presses the element

What does the term "API" stand for?

Application Programming Interface

What command is used to install the bottom-tabs library?

npm install @react-navigation/bottom-tabs

What is JSON commonly used for in web applications?

Transmitting data between server and client

What is the primary purpose of flexbox in React Native?

To provide a consistent layout on different screen sizes

How does the flex property affect the layout of elements?

It controls the distribution of space between children along the main axis

How can you add a logo inside the drawer label?

Set drawerLabel in options to include an Image component.

What does the Box Object Model refer to in React Native?

The styling and spacing properties around an element

What is the purpose of creating an Icons Component?

to render dynamic icons with associated text

What is the main difference between fetching data from a live API and a local JSON file in terms of thread blocking?

Live API requires async to prevent thread blocking while local JSON doesn't

What is the purpose of updating the state in a class-based component after fetching data from a local JSON file?

To re-render the component with the fetched data

A syntax used in React Native to create functions and declare variables

What is the main advantage of using React Native for mobile app development?

Enables development of cross-platform mobile apps using a single codebase

What is the purpose of the createStackNavigator function in React Native?

To define a navigation stack with screens and transitions

How can the Icon component be made dynamic?

by passing icon names and texts through props

Where are the components stored in the file structure of the project?

In a separate folder called "components"

What is the purpose of the constructor method in a class-based component?

To define the state and perform initial setup

What is the role of the navigation object in a React Native screen component?

it provides methods and properties for navigating between screens

studbud

Digital School SCF - React Native

30 termsStudBud Administration

Imported from external platform

Flashcards30 cardsFPractice quizPHost liveL

Questions 30

Answers

1
What should be added to make the navigation to the IOS Screen work when the IOS Icon is clicked?
A Tab Navigator
A Drawer Navigator
A Stack Navigator
An onPress event
2
What is the purpose of the onPress attribute in TouchableOpacity?
To change the button's appearance when pressed
To detect when the user presses the element
To navigate to another screen
To change the button's background color
3
What does the term "API" stand for?
Application Performance Interface
Advanced Programming Interface
Application Programming Interface
Advanced Performance Interface
4
What command is used to install the bottom-tabs library?
npm install @react-navigation/top-tabs
npm install @react-navigation/bottom-tabs
npm install react-navigation-tabs
npm install react-navigation-bottom-tabs
5
What is JSON commonly used for in web applications?
Styling components
Transmitting data between server and client
Handling navigation
Managing state
6
Which of these elements can be placed inside TouchableOpacity?
View
Text
Image
All of the above
7
Which type of navigator is used in the boilerplate for managing navigation through the app?
Tab navigator
Stack navigator
Drawer navigator
None of the above
8
What is the primary purpose of flexbox in React Native?
To create complex animations
To manage state in components
To provide a consistent layout on different screen sizes
To handle user input and navigation
9
How does the flex property affect the layout of elements?
It determines the alignment of children along the cross-axis
It defines the direction in which children are laid out
It sets the order of children within a container
It controls the distribution of space between children along the main axis
10
How can you add a logo inside the drawer label?
Set drawerLabel in <Drawer.Screen> options to include an Image component.
By adding an Image component inside the <Drawer.Navigator> element
By adding an Image component inside the <Drawer.Screen> element
Create a custom component with the logo and use it for <Drawer.Screen>.
11
What method is used to initialize the state in a class-based component?
initState
ComponentDidMount
constructor
componentWillMount
12
What does the Box Object Model refer to in React Native?
The main structure of a React application
The styling and spacing properties around an element
The way components communicate with each other
The layout of components on the screen
13
What property controls the delay between auto-play transitions in a Swiper carousel?
loop
autoplay
horizontal
autoplayTimeout
14
What is the purpose of creating an Icons Component?
to store data in a database
to render dynamic icons with associated text
to display static images only
to create a responsive layout
15
What is the main difference between fetching data from a live API and a local JSON file in terms of thread blocking?
Neither live API nor local JSON requires async to prevent thread blocking
Both live API and local JSON require async to prevent thread blocking
Live API requires async to prevent thread blocking while local JSON doesn't
Local JSON requires async to prevent thread blocking, live API doesn't
16
What is the purpose of updating the state in a class-based component after fetching data from a local JSON file?
To manage navigation between screens
To import the JSON file
To re-render the component with the fetched data
To style the component
17
What is JSX syntax?
A syntax used in HTML for creating functions and declaring variables
A syntax used in Java for creating functions and declaring variables
A syntax used in React Native to create functions and declare variables
None of the above
18
Which of the following is NOT a step in creating a React Component?
Creating a component (functional-based or class-based)
Compiling the component
Creating a stylesheet to style the component
Importing libraries
19
What are the two required props for the FlatList component in React Native?
data and renderItem
text and FlatList
renderItem and View
data and StyleSheet
20
What is the main advantage of using React Native for mobile app development?
It is the only way to develop mobile apps
It requires less system resources to run the app
Enables development of cross-platform mobile apps using a single codebase
It allows for faster web development
21
Which type of React Native component is used for fetching data from an API in this lesson?
Higher-order component
PureComponent
Functional component
Class-based component
22
What is the structure of the data stored inside the countries.json file in the lesson?
An array of objects
A combination of arrays and objects
A single object with key-value pairs
An array of strings
23
What is the purpose of the createStackNavigator function in React Native?
To render individual screens in a navigation stack
To create a menu for navigating between screens
To handle user input for navigating between screens
To define a navigation stack with screens and transitions
24
In a class-based component, which method is typically used to fetch data?
componentDidMount
constructor
componentWillMount
ComponentDidUpdate
25
How can the Icon component be made dynamic?
by passing icon names and texts through props
by using a static array of icons
by using hard-coded icon names and texts
by using a fixed set of icons
26
Where are the components stored in the file structure of the project?
In a folder named "lib
In the same folder as the screens
In a folder named "lib
In a separate folder called "components"
27
What is the purpose of the constructor method in a class-based component?
To define the state and perform initial setup
To update the component's state
To fetch data from an API
To render the component on the screen
28
What is the role of the navigation object in a React Native screen component?
it holds the state and logic for the screen's content
it contains the configuration options for the screen's animations
it defines the layout and appearance of the screen
it provides methods and properties for navigating between screens
29
Which library is required to use Stack Navigator in a React Native project?
A. @react-navigation/native
D. Both A and B
B. @react-navigation/native
C. react-navigation
30
Why use a separate StudentDetails component instead of adding content directly in StudentsScreen?
Code reusability
Better state management
Easier debugging
Improved performance

Digital School SCF - React Native Flashcards | StudBud