/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 vote200 views1 answer
React deployment pipeline
Javascript React
0 vote209 views2 answers
Veu js vs angular vs react features
Javascript React
0 vote200 views1 answer
React array if id is present do not add element
Javascript React
-1 vote204 views1 answer
React-native-geolocation-service
Javascript React
1 vote203 views1 answer
Can't type in react input text field
Javascript React
0 vote217 views1 answer
Use this in a react js component
Javascript React
0 vote2.2K views1 answer
How get value of datePicker in react
Javascript React
-3 votes194 views1 answer
React native share
Javascript React
0 vote222 views1 answer
Sort Array Object in React
Javascript React
10 votes203 views2 answers
React-native text overflow ellipsis
Javascript React