Home/ Questions/How To Draw A Horizontal Line In React Native?
Next
Answered
Léo Guillemin
  • 20
Asked: 2022-04-24T03:35:36+00:00 In:

How To Draw A Horizontal Line In React Native?

  • 20

. Advertisement .

..3..

. Advertisement .

..4..

I need to complete the exercise how to draw a horizontal line in react native? Can you help me? 

import React from "react";

const horizontalLine = ({ color }) => (
    ...
);
export default function App() {
     return (
        <div>
           <horizontalLine color="yellow" />
       </div>
     );
}
Share

2 Answers

  1. Best Answer
    Expert

    To create a horizontal line in React, you can add an hr element to the React component. The object style has the color, background-color and height . The color will give the line a solid color and the background-color for other properties.

    import React from "react";

const horizontalLine = ({ color }) => (
    <hr
         style={{
           color,
           backgroundColor: color,
           height: 4
         }}
   />
);
export default function App() {
     return (
        <div>
           <horizontalLine color="yellow" />
       </div>
     );
}
    • 13
  2. <View
  style={{
    borderBottomColor: 'black',
    borderBottomWidth: 1,
  }}
/>
​
    • 6

Leave an answer

You must login to add an answer.

Need An Account,