/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 vote364 views1 answer
Get api data from localhost in react native
Javascript React
7 votes347 views1 answer
React native hide scroll indicator
Javascript React
11 votes378 views3 answers
React app and tailwind
Javascript React
0 vote382 views1 answer
React native local.properties
Javascript React
0 vote355 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
0 vote364 views3 answers
React animation
Javascript React
0 vote390 views1 answer
React native get route name
Javascript React
0 vote383 views2 answers
How to use react typed js
Javascript React
1 vote359 views1 answer
React spread operator
Javascript React
0 vote374 views1 answer
Mdbootstrap react
Javascript React