/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

8 votes325 views4 answers
Get react version
Javascript React
0 vote368 views5 answers
How to use paystack with react
Javascript React
0 vote354 views3 answers
React native clear cach
Javascript React
14 votes324 views2 answers
Photo in React native
Javascript React
0 vote316 views1 answer
React firebase add doc to collection
Javascript React
0 vote338 views1 answer
Open screen pdf on google drive react native expo
Javascript React
1 vote334 views1 answer
React-router-dom v6 redirect
Javascript React
1 vote355 views1 answer
React native run ios select simulator
Javascript React
1 vote343 views1 answer
Rendering, reconciliation, committing in react
Javascript React
0 vote355 views1 answer
Can i use hooks with expo in react native
Javascript React