riglerr / react-native-hr Goto Github PK

Hey, trying to use react-native-hr in my project as this:

import {Hr} from 'react-native-hr'
    ...
    class MyListItem extends PureComponent {
 render(){
   return (
     <View style={styles.detailCard}>
     

         <Text style={styles.detailCardContent}>{this.props.content}</Text>
         <Hr />
         <Text> --{this.props.re}</Text>
         <Text>=====================</Text>
         </View>
     );
 }

}

But above code gives me an error:

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in.

neither through lineStyle={{}}, direct (i.e. margin={}) or enclosed in a View (disappears)

React Native v44.
latest react-native-hr

<Hr lineColor="#ddd" text="RECOMMENDED" marginLeft={25} textStyle={{
                        color: "green",
                        fontSize: 20,
                        textDecorationLine: "underline",
                        textDecorationStyle: "solid",
                        textDecorationColor: "#000"
                    }}

the margin and style is not working

Right now the Hr line leaves some space at both ends. It looks good but my requirement is full width line. How to do that? I tried to set marginLeft marginRight paddingLeft paddingRight all 0 but it does not work.

How to draw vertical line

Starting with react v15.5 the use of React.PropTypes resulted in a deprecation warning. in v16 that module was moved to the prop-types package. This is causing react-native-hr to fail:

TypeErr: Cannot read property 'string' of undefined

React has scripts that can be used to update the source for this package: https://github.com/reactjs/react-codemod. although that is probably unnecessary because the change is pretty minor.

How to change text properties like font family, size etc....

It seems that the package that is available in NPM does not correspond with master.

Please help me out in how to install, import and use clearly with example.
I am using expo .