/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 vote304 views1 answer
Text decoration react native
Javascript React
108 votes349 views1 answer
How to start react app in windows
Javascript React
9 votes291 views3 answers
React Hook "useState" is called in function "app" which is neither a React function component or a custom React Hook function react-hooks/rules-of-hooks
Javascript React
0 vote352 views1 answer
Reactjs web3 components
Javascript React
0 vote304 views1 answer
Reactvs y axis range
Javascript React
2 votes323 views1 answer
React refresh page every second
Javascript React
0 vote316 views1 answer
React input cursor jump end
Javascript React
11 votes326 views2 answers
How to refresh the page using react
Javascript React
0 vote342 views1 answer
Websocket with Node and React
Javascript React
0 vote328 views1 answer
React native geocoding
Javascript React