/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

114 votes132 views3 answers
React init
Javascript React
1 vote122 views1 answer
Reactjs javascript is mobile and desktop
Javascript React
3 votes124 views2 answers
React native pm ERR! code EINTEGRITY
Javascript React
1 vote137 views2 answers
What is the purpose of the super(props) method in React
Javascript React
0 vote123 views1 answer
React native pure component vs component
Javascript React
0 vote124 views1 answer
React-leaflet/core/cjs/pane.js:7%20error15-Jun-2021%2000:45:06%20%20%20%20%20%20const%20pane%20=%20props.pane%20??%20context.pane;
Javascript React
0 vote129 views1 answer
React native open simulators list
Javascript React
99 votes121 views6 answers
How to install react router DOM
Javascript React
0 vote132 views1 answer
React native datepicker disable future dates
Javascript React
0 vote119 views1 answer
Get lat and long from address in react js
Javascript React