1.0.5 • Published 7 years ago

react-native-einri v1.0.5

Weekly downloads
2
License
MIT
Repository
github
Last release
7 years ago

react-native-einri

一个自用的REACT-NATIVE UI组件库,正在完善......  

安装

1、需要先安装 react-native-vector-icons 图标组件库

 npm install react-native-vector-icons --save  
 react-native link  
 

2、安装react-native-einri

 npm install --save react-native-einri  
 

使用

1、NavigationBar with Basebar

npm.io    

   import Ionicons from 'react-native-vector-icons/Ionicons';  
   import { Basebar} from 'react-native-einri';

    <Basebar  
      title='积跬步行千里'  
      height={100}  
      backgroundcolor='#1fae66'  
      color='#fff'  
      fontsize={22}  
      lefticon={<Ionicons name={'ios-arrow-back'} size={26} style={{ color: '#fff' }} />}  
      righticon={<Ionicons name={'ios-apps'} size={26} style={{ color: '#fff' }} />}  
    />  
    
    
    

2、NavigationBar with BarImage

npm.io  

    import { BarImage } from 'react-native-einri';  
   
    <BarImage  
      title='积跬步行千里'  
      height={160}  
      color='#fff'  
      fontsize={22}  
      imageurl='http://img.hb.aicdn.com/3a3ce5f235183ee74486057ae6dbdaf4916df57294ade-lQgCPE_fw658'  
    />