YouTube Twitter RSS
React Native Android iOS Examples
 
Skip to content
  • Home

Category Archives: View Component

React Native Put Align View at Bottom of Screen

Admin October 30, 2021 October 30, 2021View Component 0

Hello friends, In today’s tutorial we would learn about some align layout props in react native. There are 6 layout props bottom, end, left, right, start and top which is used to stick View component to any position on mobile screen. Now the main part, How does these props works?…

Continue reading

Example of Put One View Over Another View in React Native

Admin October 30, 2021 October 30, 2021View Component 0

Hello friends, In today’s tutorial we would learn about a layout prop position: ‘absolute’ in react native. The position: ‘absolute’ layout prop is used to show component above component in react native. So in this tutorial we would learn about Example of Put One View Over Another View in React…

Continue reading

Create OVAL Shape View in React Native Example

Admin October 27, 2021 October 27, 2021View Component 0

Hello friends, OVAL shape view is like 2-D Egg shape view. In react native we can make Oval shape view using borderRadius and transform: [{ scaleX: 2 }] style prop. The border radius prop will make the edges cured of a View. The transform: [{ scaleX: 2 }] prop is…

Continue reading

Example of Create Round Circular Shape View in React Native

Admin October 25, 2021 January 11, 2022View Component 0

Hello friends, To make circle shape view in react native we have to make a custom View component with same width and height. Now after applying same width and height we have to use borderRadius prop and pass Width/Height divided by 2 value. This would automatically make the view fully…

Continue reading

Set View Width Height in Percentage in React Native | Responsive View

Admin October 23, 2021 October 23, 2021View Component 0

Hello friends, We have seen so many web applications websites in our daily life. When we visit a website then we would see that the website is responsive and adjust itself according to every screen in which it will open. Why should not make mobile applications responsive also? In react…

Continue reading

12345
  • Category :

    ActivityIndicator Component

    Basic Examples

    Color Codes

    FlatList Component

    GridView Component

    Image Component

    JSON Tutorials

    KeyboardAvoidingView

    Layout Props

    Modal Component

    Pressable Component

    RefreshControl Component

    Text component

    TextInput component

    View Component

© ReactNative-Examples.com . All Rights reserved.
Powered by Nirvana & WordPress.