/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 vote143 views2 answers
Textarea react native
Javascript React
1 vote82 views1 answer
Add class to react children
Javascript React
0 vote120 views1 answer
React json object pretty
Javascript React
0 vote162 views1 answer
React native counter
Javascript React
8 votes147 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
0 vote135 views1 answer
React chunk file too large
Javascript React
0 vote142 views1 answer
Toggle boolean state react
Javascript React
0 vote85 views1 answer
How to make a textarea unwritable in react native
Javascript React
0 vote141 views1 answer
Error code ELIFECYCLE REACTJs
Javascript React
3 votes133 views1 answer
How to use react-fontawesome
Javascript React