/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 vote124 views1 answer
React native header
Javascript React
-1 vote131 views1 answer
What is the use of consrtructors in reactjs
Javascript React
1 vote187 views1 answer
Failed to transform react-native-reanimated-65.aar
Javascript React
5 votes141 views2 answers
React js download file
Javascript React
0 vote129 views1 answer
React bootstrap profile card
Javascript React
0 vote125 views3 answers
Run react native with debugger breakpoint
Javascript React
0 vote134 views2 answers
Onclick toggle class react
Javascript React
0 vote170 views1 answer
React js bootstrap select option required
Javascript React
1 vote150 views2 answers
React js alert popup example
Javascript React
1 vote122 views2 answers
React select disable option
Javascript React