To fix ‘Switch’ is not exported from ‘react-router-dom’ with React Router, we should use version 5 of React Router.
First we uninstall the existing version of React Router with
npm uninstall react-router-dom
Then install the version 5.2.0 of react-router-dom
npm install react-router-dom@5.2.0
To add a modal background with React Native, we add the Modal component.
For instance, we write
<Modal
theme={{
colors: {
backdrop: 'transparent',
},
}}
{...otherProps}
>
{children}
</Modal>
to add the Modal component with the children prop as its content.
We set the backdrop color by setting the colors.backdrop property in theme.
To set status bar color with React Native, we call the StatusBar.setBarStyle and StatusBar.setBackgroundColor methods.
For instance, we write
import {StatusBar} from 'react-native';
class Comp extends Component {
//...
componentDidMount() {
StatusBar.setBarStyle("light-content", true);
StatusBar.setBackgroundColor("#0996AE");
}
//...
}
to call StatusBar.setBarStyle to set the light-content option to true to make the content color light.
And we call StatusBar.setBackgroundColor to set the background color.
To add a modal background with React Native, we add the Modal component.
For instance, we write
<Modal
theme={{
colors: {
backdrop: 'transparent',
},
}}
{...otherProps}
>
{children}
</Modal>
to add the Modal component with the children prop as its content.
We set the backdrop color by setting the colors.backdrop property in theme.
To add a text input with React Native, we use the TextInput component.
For example, we write
<TextInput
label={label}
mode="outlined"
theme={{
colors: {
primary: "#FFF",
},
}}
/>;
to add a TextInput with the label set to the label text.
The mode is outlined makes the text input show an outline.
And the colors.primary property set the main color of the text input.