/Javascript/React/Divider in react native

Divider in react native

Horizontal divider react native

<View
  style={{
    borderBottomColor: 'black',
    borderBottomWidth: 1,
  }}
/>
Create a snippet

Source: stackoverflow.com

Divider in react native

<View style={styles.divider}/>
//add this to your styles
  divider:{
    borderBottomColor:"black",
      borderBottomWidth:1
  }

How to insert divider in react native

import { Divider } from 'react-native-elements';
<Divider orientation="horizontal" />;
<Divider orientation="vertical" width={5} />;
<Divider inset={true} insetType="middle" />;
<Divider  orientation="horizontal"  subHeader="Test"  subHeaderStyle={{ color: 'blue' }}/>;

-1

Source: reactnativeelements.com

Similar codes

0 vote302 views1 answer
Image preload React
Javascript React
3 votes307 views2 answers
React how to scroll to element
Javascript React
36 votes278 views2 answers
Ref hook in react
Javascript React
0 vote338 views1 answer
React native center text vertically full screen
Javascript React
0 vote326 views1 answer
React recursive component
Javascript React
0 vote274 views0 answer
React
Javascript React
0 vote318 views1 answer
Make a component update every second react
Javascript React
-1 vote732 views1 answer
This can also happen when the JS bundle is corrupt or there is an early initialization error when loading React Native.
Javascript React
4 votes300 views2 answers
Google map react search place
Javascript React
0 vote319 views1 answer
Horizontal tabs in react js
Javascript React