/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

17 votes264 views5 answers
How to make apk react native
Javascript React
3 votes251 views1 answer
React proxy error: could not proxy request from localhost:3000 to http localhost:5000 econnreset
Javascript React
1 vote208 views1 answer
React native cover image
Javascript React
18 votes206 views6 answers
React native android build
Javascript React
0 vote220 views1 answer
Error React Hook "useStaticQuery" is called in function
Javascript React
0 vote208 views1 answer
React Update a label when rate moves
Javascript React
-1 vote194 views2 answers
3 dots React
Javascript React
0 vote330 views3 answers
React native version
Javascript React
0 vote210 views1 answer
React native bottom bar curved
Javascript React
2 votes210 views2 answers
React material ui media queries
Javascript React