/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 votes116 views1 answer
React html input required conditional
Javascript React
19 votes109 views6 answers
React.js
Javascript React
0 vote117 views1 answer
React router nested routes active
Javascript React
1 vote93 views3 answers
React redux how to change object value in reducer
Javascript React
1 vote106 views1 answer
React map component in
Javascript React
0 vote109 views1 answer
How to replace strings with react components
Javascript React
5 votes117 views3 answers
How to open a new tab in react
Javascript React
15 votes116 views3 answers
Image source react native
Javascript React
0 vote116 views1 answer
Reactjs exemple class component
Javascript React
24 votes63 views6 answers
React native navigation
Javascript React