/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

2 votes166 views2 answers
Vscode react extensions
Javascript React
0 vote139 views1 answer
React redux stack overflow
Javascript React
0 vote142 views1 answer
Play 2 audio react
Javascript React
65 votes154 views6 answers
React routing
Javascript React
0 vote162 views1 answer
Dispatch event not working react native redux
Javascript React
1 vote145 views1 answer
How to change favicon dynamic in react js
Javascript React
0 vote158 views1 answer
React function runs several times
Javascript React
5 votes174 views2 answers
React onclick new tab
Javascript React
1 vote173 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote155 views1 answer
Pass params axios get react
Javascript React