![]() If you see the output by default the text renders on the status bar. The Text component is wrapped inside the View component and displays the text âWelcome To Tutorialspoint!â. The style flex: 1 is used on the View component. ExampleÄisplay Text âWelcome to Tutorialspoint!â inside View component Let us understand with the help of an example the advantage of using SafeAreaView.Ĭonsider the following example that makes use of the View component to display text âWelcome to Tutorialspoint!â. ![]() This component is available only for iOS devices and here is a working example of the same. Add an empty of which equals the height of the status bar.To start the application run npx react-native run-ios inside. The SafeViewArea component is meant to display your content in the safe boundaries of the device.It takes care of adding padding and also makes sure to not cover your content with navigation bar, toolbar, tab bars etc. Let us try to build an Overlapping Componentes with React Native.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |