/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 vote270 views1 answer
Event pooling in react/event.persist/using async function in event callback
Javascript React
3 votes254 views1 answer
React prop ytpes
Javascript React
1 vote255 views1 answer
Error: open failed: EACCES (Permission denied) react native
Javascript React
0 vote261 views1 answer
Pass params axios get react
Javascript React
1 vote228 views1 answer
React native linking phone call
Javascript React
0 vote254 views1 answer
React hooks link to external site new tab
Javascript React
0 vote255 views1 answer
React google places auto complete example
Javascript React
1 vote259 views1 answer
Update create react app package to latest
Javascript React
0 vote286 views1 answer
Antd react native
Javascript React
-2 votes296 views1 answer
React native generate signed apk getting older version
Javascript React