/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

1 vote260 views1 answer
Two proptypes in react
Javascript React
0 vote206 views1 answer
Horizontal scrollview in react js
Javascript React
18 votes260 views4 answers
React get route params
Javascript React
1 vote213 views1 answer
React-native-paper password input
Javascript React
0 vote257 views1 answer
React native map not loading
Javascript React
9 votes176 views4 answers
Firebase' is not defined no-undef react
Javascript React
-2 votes245 views3 answers
Switch is not exported from 'react-router-dom'
Javascript React
25 votes319 views5 answers
Image react
Javascript React
7 votes373 views2 answers
Align text into center of container react native
Javascript React
1 vote242 views2 answers
React Context API
Javascript React