/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 vote419 views1 answer
React catch error in component
Javascript React
2 votes384 views1 answer
Site cannot be accessed broken link or url that doesn’t exist react netlify
Javascript React
0 vote370 views1 answer
Hide component blur react hooks
Javascript React
3 votes395 views1 answer
React pass props to children
Javascript React
5 votes361 views2 answers
What hostings can run react js
Javascript React
1 vote389 views1 answer
Webpack-bundle-analyzer react
Javascript React
0 vote395 views1 answer
React native text area align top
Javascript React
0 vote375 views2 answers
Discord js remove all reactions from user
Javascript React
0 vote398 views1 answer
Hide urls in .env in react app
Javascript React
0 vote413 views1 answer
React duration picker
Javascript React